<template>
	<view class="bg-white" style="background: #90AEE0;min-height: 100vh;"
		:style="{background:'url('+Imgbase+'/'+skin+'_goodpoor_bgc.png)','background-size':'100%',}">
		<view v-if="desc" style="padding-top: 15rpx;">

			<view class="padding-top-50 padding-left-40 flex-between">
				<view class="flex-between">
					<image class="w-80 h-80" :src="Imgbase+'/'+skin+'_goodpoor_img1.png'" mode="aspectFit"
						@click="back">
					</image>

					<view class="padding-left-20 padding-top-25">
						<image :class="skin == 'classics'?'w-100 h-100':'w-110 h-130'" @click="gobape"
							:src="Imgbase+'/'+skin+'_goodpoor_img2.png'" mode="aspectFit">
						</image>
					</view>
				</view>

				<view class="padding-top-95 padding-right-35">
					<image class="w-100 h-80" :src="Imgbase + '/new_goodinfdex_img2.png'" mode="aspectFit"
						@click="showExplain(16)">
					</image>
				</view>
			</view>

			<view class="w-640 radius-20 top_item" :class="desc.havebox2 == 1 || desc.havebox == 1?' h-615':'h-540'"
				:style="{background:'url('+Imgbase+'/winter_goodpoor_img3.png)','background-size':'100% 100%',}">

				<view class="w100 h100 radius-20" :class="skin == 'classics'?'skinco':''">

					<view class="w100 h100 margin-auto"
						:style="{background:'url('+Imgbase+'/'+skin+'_goodpoor_img3.png)','background-size':'100% 100%',}">
						<view class="w100 text-center ">
							<image class="w-570 h-440 radius-20 imgto" :src="desc.adimage" mode="aspectFill"
								@click="viewAdimage()">
							</image>
						</view>

						<!-- 新年皮肤 春季皮肤 -->
						<view class="flex-between padding-left-45 padding-right-45 padding-top-15 "
							v-if="skin == 'newyear' || skin == 'qing'">
							<view class="font-42 Afont one-line"
								style="color:#F9FADA;width: 75%;-webkit-text-stroke: 2rpx #F58705;">
								{{title}}
							</view>

							<view class="Bfont font-42" style="color: #E60000;-webkit-text-stroke: 2rpx #fff;">
								￥{{cost}}
							</view>
						</view>

						<!-- 经典皮肤 冬季皮肤 -->
						<view class="flex-between padding-left-45 padding-right-45 padding-top-15 " v-else>
							<view class="font-37 Afont one-line" style="color:#8A5E51;width: 75%;">
								{{title}}
							</view>

							<view class="Bfont font-42" style="color: #E60000;">
								￥{{cost}}
							</view>
						</view>

						<view class="Afont padding-left-45 padding-top-25">
							<view class="df alc " v-if="desc.havebox == 1">
								<view class="w-85 font-23" style="color: #DA9C61;">
									<image class="w-55 h-20" :src="Imgbase + '/new_goodinfdex_box.png'"
										mode="aspectFit">
									</image>
								</view>
								<view class="heng ">
									<view class="h100 its"
										:style="[{ width:Number(ordercount/desc.box_limit_num).toFixed(2)*100 + '%'}]">

									</view>
									<view class="numd Cfont">
										{{ordercount}}
									</view>
								</view>
							</view>
							<view class="df alc margin-top-18" v-if="desc.havebox2 == 1">

								<view class="w-85 font-23" style="color: #DA9C61;">
									<image class="w-75 h-20" :src="Imgbase + '/new_goodinfdex_mbox.png'"
										mode="aspectFit">
									</image>
								</view>
								<view class="heng margin-right-20">
									<view class=" h100 its2"
										:style="[{ width:Number(ordercount2/desc.box_limit_num2).toFixed(2)*100 + '%'}]">
									</view>
									<view class="numd Cfont">
										{{ordercount2}}
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>

			<view class="flex-between padding-top-30 padding-left-80 padding-right-80">
				<view class="w-140 h-105">
					<image v-if="tabhs == 0" @click="tabdan(1)" :src="Imgbase + '/new_goodinfdex_img3.png'"
						mode="aspectFit" class="w100 h100"></image>
					<image v-else @click="tabdan(0)" :src="Imgbase + '/new_goodinfdex_img11.png'" mode="aspectFit"
						class="w100 h100"></image>
				</view>
				<view class="w-140 h-105">
					<button class="w-140 h-105"
						style="display: flex;justify-content: right;overflow: hidden;background-color:transparent;"
						open-type="share">
						<image class="w100 h100" mode="aspectFit" :src="Imgbase + '/new_goodinfdex_img4.png'"></image>
					</button>
				</view>
				<view class="w-140 h-105" @click="lookboxmes()" v-if="desc.havebox == 1 || desc.havebox2 == 1">
					<image class="w100 h100" :src="Imgbase + '/new_goodinfdex_img5.png'" mode="aspectFit">
					</image>
				</view>
			</view>

			<view class="top_xinxi flex-between padding-left-50 padding-right-50"
				:style="{background:'url('+Imgbase+'/new_goodinfdex_img6.png) no-repeat','background-size':'100% 100%',}">
				<view class="xinxi_item font-34 Afont">
					第{{tabhs==0?desc.round:desc.single_round}}轮
				</view>
				<view class="xinxi_item font-30 Afont">
					已抽取: {{tabhs==0?desc.index-1:desc.single_index}}/{{desc.number}}
				</view>
			</view>

			<!-- 商品一览   中奖记录 -->
			<view class="center_button margin-bottom-15">
				<view class="btn margin-top-35">
					<view class="btn_item" @click="centenbtn(0)">
						<image v-if="centerbtn_show == 0" :src="Imgbase + '/new_goodinfdex_img6on.png'"
							mode="aspectFit">
						</image>
						<image v-if="centerbtn_show == 1" :src="Imgbase + '/new_goodinfdex_img6off.png'"
							mode="aspectFit">
						</image>
					</view>
					<view class="btn_item" @click="centenbtn(1)">
						<image v-if="centerbtn_show == 0" :src="Imgbase + '/new_goodinfdex_img7off.png'"
							mode="aspectFit">
						</image>
						<image v-if="centerbtn_show == 1" :src="Imgbase + '/new_goodinfdex_img7on.png'"
							mode="aspectFit">
						</image>
					</view>
				</view>
				<!-- 123123123 -->
				<view class="his_item padding-25" v-if="tabbar_show == 4">
					<scroll-view scroll-x class="nav" scroll-with-animation
						style="width: 100%;margin-left: 0%;margin-top: 5upx;height: 70upx;line-height: 70upx;">
						<!-- 多人模式 -->
						<view class="" v-if="tabhs == 0">
							<view style="display: inline-block;" v-for="(item,index) in round>5?5:round">
								<button class="cu-btn shadow fl" style="width: 170upx;margin-right: 20rpx;"
									:class="historyround==desc.round-index?'btnon':'btnoff'"
									@click="lookhistory(desc.round-index)">第{{desc.round-index}}轮</button>
							</view>
						</view>
						<!-- 单人模式 -->
						<view class="" v-else>
							<view style="display: inline-block;" v-for="(item,index) in myround>5?5:myround">
								<button class="cu-btn shadow fl"
									style="width: 170upx;margin-right: 20rpx;color: #f5ecdf;" :style="{background:historyround==desc.single_round-index?'url('+Imgbase+'/kp_in_his_c.png) no-repeat'
									:'url('+Imgbase+'/kp_in_his.png) no-repeat'
									,'background-size':'100% 100%',}"
									@click="lookhistory(desc.single_round-index)">第{{desc.single_round-index}}轮</button>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>

			<!-- <view class="padding"
						style="width: 80%;margin-left: 10%;position: relative;margin-top: -9%;max-height: 150upx;">
						<view class="fl" style="width: 35%;margin-left: 3%;padding-bottom: 3px;">
							<image :src="Imgbase + '/poordetail_c1.png'" style="width: 100%;height: 60upx;"
								@click="changeTap(0)"></image>
						</view>
						<view class="fl" style="width: 35%;margin-left: 23%;padding-bottom: 3px;">
							<image :src="Imgbase + '/poordetail_c2.png'" style="width: 100%;height: 60upx;"
								@click="changeTap(1)"></image>
						</view>
					</view> -->
			<view style="clear: both;"></view>
			<view class="bottom_item" v-show="tap == 0">

				<!-- 经典皮肤 -->
				<view class="bgcimg h-400" v-if="skin == 'classics'">
					<image class="w100 h100" :src="Imgbase + '/new_goodinfdex_img8.png'" mode="widthFix">
					</image>
				</view>

				<view class="" v-if="skin == 'winter'">
					<view class="bgcimgwinter">
						<image class="w100 h-400" :src="Imgbase + '/winter_goodpoor_img4.png'" mode="aspectFit">
						</image>
					</view>

					<view class="bgcimg1">
						<image class="w100 h-200" :src="Imgbase + '/winter_goodpoor_img9.png'" mode="aspectFit">
						</image>
					</view>
				</view>

				<view class="cu-card article  light" :class="skin == 'classics'?'skinbgc':''" style="position: relative;  
						width: 94%;min-height: 320upx;margin-left: 4%;">

					<view class="w100 h100 padding-top-80"
						:style="{background:'url('+Imgbase+'/'+skin+'_goodpoor_img5.png)','background-size':'100%',}">
						<!-- 商品一览 -->
						<view class="padding-top-30" v-if="centerbtn_show == 0" style="position: relative;z-index: 99;">
							<!-- SSR -->
							<view class="" v-for="(item,index) in desc.mes">
								<view class="jiang_item">
									<view class="item_tops">
										<view class="pos_ab">
											<image :src="Imgbase + '/new_goodinfdex_img9.png'" mode="aspectFill"
												style="width: 100%;">
											</image>
										</view>
										<view class="top_left">
											<image :src="Imgbase + '/new_good_ssr.png'" class="w-200 h-50"
												mode="aspectFit" v-if="item.reword_type_id == 31"></image>
											<image :src="Imgbase + '/new_good_sr.png'" class="w-200 h-50"
												mode="aspectFit" v-if="item.reword_type_id == 32"></image>
											<image :src="Imgbase + '/new1_infinite_SD.png'"
												style="width: 90upx;height: 45upx;" mode="aspectFit"
												v-if="item.reword_type_id == 30"></image>
											<image :src="Imgbase + '/new_good_r.png'" class="w-200 h-50"
												mode="aspectFit" v-if="item.reword_type_id == 21"></image>
											<image :src="Imgbase + '/new_good_n.png'" class="w-200 h-50"
												mode="aspectFit" v-if="item.reword_type_id == 17"></image>
											<image :src="Imgbase + '/new1_infinite_M.png'"
												style="width: 70upx;height: 45upx;" mode="aspectFit"
												v-if="item.reword_type_id == 16"></image>
											<image :src="Imgbase + '/new_good_sss.png'" class="w-200 h-50"
												mode="aspectFit" v-if="item.reword_type_id == 35"></image>
										</view>

										<!-- 新年皮肤 -->
										<view class="top-rightnewyear font-24 Afont" v-if="skin == 'newyear'">
											共{{item.goodinfo.length}}种
											获取概率{{Number(item.point/desc.allpoint*100).toFixed(3)}}%
										</view>

										<view class="top-right font-24 Afont" v-else>
											共{{item.goodinfo.length}}种
											获取概率{{Number(item.point/desc.allpoint*100).toFixed(3)}}%
										</view>
									</view>
									<view class="item_bots">
										<view class="item_box" v-for="(gooditem,goodindex) in item.goodinfo">
											<view class="w100 h-190" style="position: relative;">
												<image :src="gooditem.adimage" class="radius-18 w100 h-180"
													style="background-color: #fff;border: 2rpx solid #8A5E51;"
													@click="lookImages(gooditem.adimage,gooditem.goodname,gooditem.back_price)"
													mode="aspectFill">
												</image>

												<view class="" style="position: absolute;left: 10rpx;bottom: 10rpx;">
													<image :src="Imgbase + '/new_goodinf_sj1.png'" class="w-70 h-25"
														v-if="parseInt(gooditem.back_price)>=1000" mode="aspectFit">
													</image>

													<image :src="Imgbase + '/new_goodinf_sj2.png'" class="w-70 h-25"
														v-if="parseInt(gooditem.back_price)>=500 && parseInt(gooditem.back_price) <1000"
														mode="aspectFit"></image>

													<image :src="Imgbase + '/new_goodinf_sj3.png'" class="w-70 h-25"
														v-if="parseInt(gooditem.back_price)>=100 && parseInt(gooditem.back_price) <500"
														mode="aspectFit"></image>

													<image :src="Imgbase + '/new_goodinf_sj4.png'" class="w-70 h-25"
														v-if="parseInt(gooditem.back_price)<100" mode="aspectFit">
													</image>
												</view>
											</view>

											<view class="Afont" style="padding: 0 10rpx;">
												<view class="font-22 w100 Afont"
													style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #272636;">
													{{gooditem.goodname}}
												</view>
												<!-- <view class="font-20 text-sm margin-top-5" style="color: #DEA345;"
															v-if="parseInt(gooditem.back_price)>parseInt(desc.cost)">
															建议价:{{gooditem.back_price}}
														</view> -->
												<view class="font-20 text-sm margin-top-5" style="color: #5F9764;"
													v-if="parseInt(gooditem.back_price)>parseInt(desc.cost)">
													盲盒价:{{gooditem.back_price}}
												</view>
												<view class="font-20 text-sm margin-top-5" style="color: #5F9764;"
													v-else>
													盲盒价:{{desc.cost}}
												</view>
												<view class="font-20 text-sm" style="color: #5F9764;">
													获取概率:{{Number(gooditem.point/desc.allpoint*100).toFixed(3)}}%
												</view>
											</view>
										</view>
										</scroll-view>


									</view>
								</view>
							</view>

						</view>


						<!-- 中奖记录 -->
						<view class="padding-top-30" v-if="centerbtn_show == 1">
							<view class="" style="padding: 0 25rpx 60rpx;">
								<view class="padding-top-25" style="min-height: 480rpx;">

									<view class="win_tabbar" style="position: relative;z-index: 99;">
										<view class="tabbar_item" @click="tabbarshow(4)">
											<image v-if="tabbar_show == 4" :src="Imgbase + '/new_goodinfdex_btn1on.png'"
												mode="aspectFit">
											</image>
											<image v-else :src="Imgbase + '/new_goodinfdex_btn1off.png'"
												mode="aspectFit">
											</image>
										</view>

										<view class="tabbar_item" @click="tabbarshow(1)">
											<image v-if="tabbar_show == 1" :src="Imgbase + '/new_goodinfdex_btn2on.png'"
												mode="aspectFit">
											</image>
											<image v-else :src="Imgbase + '/new_goodinfdex_btn2off.png'"
												mode="aspectFit">
											</image>
										</view>

										<view class="tabbar_item" @click="tabbarshow(2)">
											<image v-if="tabbar_show == 2" :src="Imgbase + '/new_goodinfdex_btn3on.png'"
												mode="aspectFit">
											</image>
											<image v-else :src="Imgbase + '/new_goodinfdex_btn3off.png'"
												mode="aspectFit">
											</image>
										</view>

										<view class="tabbar_item" @click="tabbarshow(3)" v-if="desc.havehidden == 1">
											<image v-if="tabbar_show == 3" :src="Imgbase + '/new_goodinfdex_btn4on.png'"
												mode="aspectFit">
											</image>
											<image v-else :src="Imgbase + '/new_goodinfdex_btn4off.png'"
												mode="aspectFit">
											</image>
										</view>
									</view>

									<!-- box赏 -->
									<view class="jiang_box" v-if="tabbar_show == 1">
										<view class="box_item" v-for="(item,index) in boxlists">
											<view class="icon">
												<image :src="item.usermes.avatar" mode=""></image>
											</view>

											<view :class="skin == 'newyear'?'namenewyear':'name'"
												style="max-width: 270rpx;min-width: 270rpx;">
												<view class="one one_worp ">
													{{item.usermes.nickname}}
												</view>
												<view class="two w100 one_worp ">
													{{item.goodmes.name}}
												</view>
												<view class="three one_worp">
													<view class="action" style="" v-if="item.reword_type_id == 34">
														box赏抽取
													</view>
													<view class="action" style="" v-if="item.reword_type_id == 36">
														mbox赏抽取
													</view>
												</view>
											</view>

											<view class="w-130 h-80">
												<image v-if="item.reword_type_id == 34" class="fl w-110 h-50"
													:src="Imgbase + '/new_goodinfdex_box.png'" mode="aspectFit">
												</image>
												<image v-if="item.reword_type_id == 36" style="width: 115rpx;"
													:src="Imgbase + '/new_goodinfdex_mbox.png'" mode="aspectFit">
												</image>
												<!-- <image v-if="item.reword_type_id == 36" class="fl"
															:src="Imgbase + '/new1_infinite_mboxs.png'" mode="widthFix"
															style="width: 110upx;margin-top: 0upx;">
														</image> -->

											</view>

											<view class="time">
												<view class="date_t ">
													{{item.paytime_text1}}
												</view>
												<view class="time_t ">
													{{item.paytime_text2}}
												</view>
											</view>
										</view>

										<view class="padding" style="width: 100%;height: 40upx;"
											v-if="boxlists.length > 1">
											<view class="action fl w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase+'/'+skin+'_goodpoor_img11.png'"
													@click="boxpageleft()" mode="aspectFit"></image>
											</view>
											<view class="action fr w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase+'/'+skin+'_goodpoor_img12.png'"
													@click="boxpageright()" mode="aspectFit"></image>
											</view>
										</view>
									</view>

									<!-- 名人堂 -->
									<view class="jiang_box" v-if="tabbar_show == 2">
										<view class="h-60 margin-top-15" style="">
											<image :src="Imgbase + '/new_good_sss.png'" mode="aspectFit"
												style="width: 200rpx;height: 60rpx;">
											</image>
										</view>

										<view class="box_item " v-for="(item,index) in mssslist">
											<view class="icon">
												<image class="w100 h100" :src="item.usermes.avatar" mode="aspectFit">
												</image>
											</view>

											<view :class="skin == 'newyear'?'namenewyear':'name'">
												<view class="one one_worp ">
													{{item.goodmes.name}}
												</view>
												<view class="two one_worp ">
													{{item.paytime_text1}} {{item.paytime_text2}}
												</view>
												<view class="three one_worp">
													{{item.round}}轮第{{item.index}}发
												</view>
											</view>


											<view class="time">
												<view class="date_t  h-65" style="overflow: hidden;">
													用户:{{item.usermes.nickname}}
												</view>
												<view class="img h-50 margin-top-15" style="text-align: right;">
													<image v-if="item.reword_type_id == 17" class="fr"
														:src="Imgbase + '/new_good_n1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 16" class="fr"
														:src="Imgbase + '/new1_infinite_M.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 21" class="fr"
														:src="Imgbase + '/new_good_r1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 31" class="fr"
														:src="Imgbase + '/new_good_ssr1.png'"
														style="width: 85upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 35" class="fr"
														:src="Imgbase + '/new_good_sss1.png'"
														style="width: 110upx;height: 40upx;z-index: 80;position: relative;margin-left: 12upx;margin-top: 0upx;">
													</image>
													<image v-if="item.pray_win == 1" class="fr"
														:src="Imgbase + '/1new_luck_qi2.png'"
														style="width: 100upx;height: 35upx;z-index: 80;position: relative;margin-left: 15upx;margin-top: 15upx;">
													</image>
												</view>
											</view>
										</view>

										<!-- v-if="mssslist.length > 1" -->
										<view class="padding" style="width: 100%;height: 40upx;margin-bottom: 80rpx;">
											<view class="action fl w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase+'/'+skin+'_goodpoor_img11.png'"
													@click="ssspageleft()" mode="aspectFit"></image>
											</view>
											<view class="action fr w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase+'/'+skin+'_goodpoor_img12.png'"
													@click="ssspageright()" mode="aspectFit"></image>
											</view>
										</view>

										<view class="h-60 margin-top-15" style="">
											<image :src="Imgbase + '/new_good_ssr.png'" mode="aspectFit"
												style="width: 200rpx;height: 60rpx;">
											</image>
										</view>

										<view class="box_item" v-for="(item,index) in mssrlist">
											<view class="icon">
												<image :src="item.usermes.avatar" mode="aspectFit"></image>
											</view>

											<view :class="skin == 'newyear'?'namenewyear':'name'">
												<view class="one one_worp ">
													{{item.goodmes.name}}
												</view>
												<view class="two one_worp ">
													{{item.paytime_text1}} {{item.paytime_text2}}
												</view>
												<view class="three one_worp">
													{{item.round}}轮第{{item.index}}发
												</view>
											</view>


											<view class="time">
												<view class="date_t  h-65" style="overflow: hidden;">
													用户:{{item.usermes.nickname}}
												</view>
												<view class="img h-50 margin-top-15" style="text-align: right;">
													<image v-if="item.reword_type_id == 17" class="fr"
														:src="Imgbase + '/new_good_n1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 16" class="fr"
														:src="Imgbase + '/new1_infinite_M.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 21" class="fr"
														:src="Imgbase + '/new_good_r1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 31" class="fr"
														:src="Imgbase + '/new_good_ssr1.png'"
														style="width: 85upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 35" class="fr"
														:src="Imgbase + '/new_good_sss1.png'"
														style="width: 110upx;height: 40upx;z-index: 80;position: relative;margin-left: 12upx;margin-top: 0upx;">
													</image>
													<image v-if="item.pray_win == 1" class="fr"
														:src="Imgbase + '/1new_luck_qi2.png'"
														style="width: 100upx;height: 35upx;z-index: 80;position: relative;margin-left: 15upx;margin-top: 15upx;">
													</image>
												</view>
											</view>
										</view>

										<view class="padding" style="width: 100%;height: 40upx;"
											v-if="mssrlist.length > 1">
											<view class="action fl w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase + '/winter_goodpoor_img11.png'"
													@click="ssrpageleft()" mode="aspectFit"></image>
											</view>
											<view class="action fr w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase + '/winter_goodpoor_img12.png'"
													@click="ssrpageright()" mode="aspectFit"></image>
											</view>
										</view>
									</view>

									<!-- 隐藏 -->
									<view class="jiang_box" v-if="tabbar_show == 3">
										<view class="box_item" v-for="(item,index) in hiddenlists">
											<view class="icon">
												<image :src="item.usermes.avatar" mode=""></image>
											</view>

											<view :class="skin == 'newyear'?'namenewyear':'name'">
												<view class="one one_worp">
													{{item.usermes.nickname}}
												</view>
												<view class="two one_worp">
													{{item.goodmes.name}}
												</view>
												<view class="three one_worp">
													{{item.round}}轮第{{item.index}}发
												</view>
											</view>

											<view class="img" style="width: 113rpx;">
												<image class="fl" mode="widthFix"
													:src="Imgbase + '/new1_infinite_rehidejiang.png'"
													style="width: 90upx;z-index: 80;position: relative;margin-left: 10upx;margin-top: 0upx;">
												</image>

											</view>
											<view class="" style="font-weight: bold;font-size: 30rpx;"
												v-if="item.putnum > 1">
												x{{item.putnum}}
											</view>

											<view class="time" style="padding-left: 25rpx;">
												<view class="date_t">
													{{item.paytime_text1}}
												</view>
												<view class="time_t">
													{{item.paytime_text2}}
												</view>
											</view>
										</view>

										<view class="padding" style="width: 100%;height: 40upx;"
											v-if="hiddenlists.length > 5">
											<view class="action fl w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase + '/winter_goodpoor_img11.png'"
													@click="hiddenpageleft()" mode="aspectFit"></image>
											</view>
											<view class="action fr w-120 h-40">
												<image class="w-120 h-40" :src="Imgbase + '/winter_goodpoor_img12.png'"
													@click="hiddenpageright()" mode="aspectFit"></image>
											</view>
										</view>
									</view>

									<!-- 历史 -->
									<view class="jiang_box" v-if="tabbar_show == 4">
										<view class="box_item" v-for="(item,index) in historyloglist">
											<view class="icon">
												<image :src="item.usermes.avatar" mode="aspectFit"></image>
											</view>

											<view :class="skin == 'newyear'?'namenewyear':'name'">
												<view class="one one_worp ">
													{{item.goodmes.name}}
												</view>
												<view class="two one_worp ">
													{{item.paytime_text1}} {{item.paytime_text2}}
												</view>
												<view class="three one_worp">
													{{item.round}}轮第{{item.index}}发
												</view>
											</view>


											<view class="time">
												<view class="date_t  h-65" style="overflow: hidden;">
													用户:{{item.usermes.nickname}}
												</view>
												<view class="img h-50 margin-top-15" style="text-align: right;">
													<image v-if="item.reword_type_id == 17" class="fr"
														:src="Imgbase + '/new_good_n1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"
														mode="aspectFit">
													</image>
													<image v-if="item.reword_type_id == 16" class="fr"
														:src="Imgbase + '/new1_infinite_M.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"
														mode="aspectFit">
													</image>
													<image v-if="item.reword_type_id == 21" class="fr"
														:src="Imgbase + '/new_good_r1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"
														mode="aspectFit">
													</image>
													<image v-if="item.reword_type_id == 32" class="fr"
														:src="Imgbase + '/new1_infinite_SR.png'"
														style="width: 85upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"
														mode="aspectFit">
													</image>
													<image v-if="item.reword_type_id == 35" class="fr"
														:src="Imgbase + '/new_good_sss1.png'"
														style="width: 110upx;height: 40upx;z-index: 80;position: relative;margin-left: 12upx;margin-top: 0upx;"
														mode="aspectFit">
													</image>
													<image v-if="item.reword_type_id == 31" class="fr"
														:src="Imgbase + '/new_good_ssr1.png'"
														style="width: 110upx;height: 40upx;z-index: 80;position: relative;margin-left: 12upx;margin-top: 0upx;"
														mode="aspectFit">
													</image>
													<image v-if="item.pray_win == 1" class="fr"
														:src="Imgbase + '/1new_luck_qi2.png'"
														style="width: 100upx;height: 35upx;z-index: 80;position: relative;margin-left: 15upx;margin-top: 15upx;"
														mode="aspectFit">
													</image>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>

						</view>


						<view class="cu-item fl text-sm" style="width: 28%;margin-bottom: 10upx;margin-left: 25rpx;
								margin-right: 0rpx;margin-top: 0rpx;position: relative;height: 323upx;background-color: inherit;"
							v-for="(item,index) in desc.info_text">
							<view class="image" @click="viewImages(index)">
								<view class="bg-black"
									style="position: absolute;width: 100%;height: 41%;z-index: 20;opacity: 0.7;display: flex;justify-content: center;align-items: center;"
									v-if="item.nownumber == 0">
									<image :src="Imgbase + '/1zhan_selled.png'" mode="widthFix"
										style="width: 170upx;height: 170upx;">
									</image>
								</view>
								<image :src="item.goodmes.adimage" mode="widthFix" style="height: 105px;"></image>
								<view class="cu-bar bg-black" style="margin-top: -40%;
										display: block;line-height: 40upx;opacity: 0.9;height: 170upx;padding: 8upx;">
									<image v-if="item.reword_type_name == 'First'" class="fl"
										:src="Imgbase + '/first2.png'"
										style="width: 120upx;height: 40upx;z-index: 80;position: relative;margin-left: 0upx;margin-top: 5upx;">
									</image>
									<image v-if="item.reword_type_name == 'Last'" class="fl"
										:src="Imgbase + '/last2.png'"
										style="width: 110upx;height: 40upx;z-index: 80;position: relative;margin-left: 0upx;margin-top: 5upx;">
									</image>
									<image v-if="item.reword_type_name == '全局'" class="fl"
										:src="Imgbase + '/quanju2.png'"
										style="width: 96upx;height: 50upx;z-index: 80;position: relative;margin-left: 0upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == '冲冲'" class="fl"
										:src="Imgbase + '/chognchong5.png'"
										style="width: 96upx;height: 50upx;z-index: 80;position: relative;margin-left: 0upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'A'" class="fl" :src="Imgbase + '/a2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'B'" class="fl" :src="Imgbase + '/b2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'C'" class="fl" :src="Imgbase + '/c2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'D'" class="fl" :src="Imgbase + '/d2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'E'" class="fl" :src="Imgbase + '/e2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'F'" class="fl" :src="Imgbase + '/f2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'G'" class="fl" :src="Imgbase + '/g2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'H'" class="fl" :src="Imgbase + '/h2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'I'" class="fl" :src="Imgbase + '/i2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'J'" class="fl" :src="Imgbase + '/j2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'K'" class="fl" :src="Imgbase + '/k2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'L'" class="fl" :src="Imgbase + '/l2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'M'" class="fl" :src="Imgbase + '/m2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'N'" class="fl" :src="Imgbase + '/n2.png'"
										style="width: 56upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'SP'" class="fl" src="/static/fonticon/sp.png"
										style="width: 60upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'O'" class="fl" src="/static/fonticon/o.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'P'" class="fl" src="/static/fonticon/p.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'Q'" class="fl" src="/static/fonticon/q.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'R'" class="fl" src="/static/fonticon/r.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'S'" class="fl" src="/static/fonticon/s.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'T'" class="fl" src="/static/fonticon/t.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'U'" class="fl" src="/static/fonticon/u.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'V'" class="fl" src="/static/fonticon/v.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'W'" class="fl" src="/static/fonticon/w.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'X'" class="fl" src="/static/fonticon/x.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'Y'" class="fl" src="/static/fonticon/y.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<image v-if="item.reword_type_name == 'Z'" class="fl" src="/static/fonticon/z.png"
										style="width: 32upx;height: 35upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
									</image>
									<text class="text-df" style="width: 100%;position: relative;line-height: 55upx;"
										v-if="item.reword_type_name == 'First'||item.reword_type_name == 'Last'||item.reword_type_name == '全局'">
										<!--赏-->
										<text class="text-xs fr">{{item.nownumber}}/{{item.allnumber}}</text>
									</text>
									<text class="text-df" style="width: 100%;position: relative;line-height: 30upx;"
										v-if="item.reword_type_name != 'First'&&item.reword_type_name != 'Last'&&item.reword_type_name != '全局'">
										<!--赏-->
										<text class="text-xs fr">{{item.nownumber}}/{{item.allnumber}}</text>
									</text>
									<view style="clear: both;"></view>
									<text class=""
										style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
										{{item.goodmes.name}}
									</text>
									<view style="clear: both;"></view>
									<text class=""
										style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
										v-if="item.reword_type_name != 'First'&&item.reword_type_name != 'Last'&&item.reword_type_name != '全局'&&item.reword_type_name != '冲冲'">
										官方零售价:{{desc.cost}}
									</text>
									<view style="clear: both;"></view>
									<!-- <text class="" style="width: 100%;"
												v-if="item.reword_type_name == 'First'||item.reword_type_name == 'Last'||item.reword_type_name == '全局'||item.reword_type_name == '冲冲'">
												仅赠送不售卖
											</text> -->
									<text class="" style="width: 100%;"
										v-if="item.reword_type_name != 'First'&&item.reword_type_name != 'Last'&&item.reword_type_name != '全局'&&item.reword_type_name != '冲冲'&&item.nownumber!=0">
										中奖概率:{{Number(item.nownumber/desc.count*100).toFixed(1)}}%
									</text>
									<text class="" style="width: 100%;"
										v-if="item.reword_type_name != 'First'&&item.reword_type_name != 'Last'&&item.reword_type_name != '全局'&&item.reword_type_name != '冲冲'&&item.nownumber==0">
										中奖概率:0%
									</text>
									<view style="clear: both;"></view>
								</view>
							</view>
						</view>
					</view>


				</view>
				<view style="clear: both;"></view>
				<view style="width: 96%;height:80upx;margin-left: 2%;">
				</view>
				<view style="clear: both;"></view>
			</view>
			<view class="" v-show="tap == 1">
				<view style="width: 96%;height:80upx;margin-left: 2%;">
				</view>
				<view v-if="loglist.length!=0" class="cu-card article light" style="position: relative;
						width: 96%;min-height: 320upx;margin-left: 2%;margin-top: -35upx;">
					<view class="solid-bottom light" v-for="(item,index) in rewordlist" :key="index"
						style="width: 94%;margin-left: 3%;background-color: #FBFADC;">
						<view class="action fl text-sm padding text-ablack">
							<view class="action text-lg text-yellow_new text-center text-bold"
								v-if="item.reword_type_id != 33&&item.reword_type_id != 34">
								{{item.index}}
							</view>
							<view class="action text-lg text-yellow_new text-center text-bold"
								v-if="item.reword_type_id == 33">
								冲冲
							</view>
							<view class="action text-lg text-yellow_new text-center text-bold"
								v-if="item.reword_type_id == 34">
								BOX
							</view>
							{{item.gettime_text}}
						</view>
						<view class="text-sm padding-sm text-grey fl"
							style="max-width: 260upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
							<view class="content text-ablack text-df"
								style="max-width: 260upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
								<text class="text-yellow_new text-bold"
									style="max-width: 260upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.usermes.nickname}}</text>
							</view>
							<view class="action text-df text-yellow_new text-bold"
								style="max-width: 260upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
								{{item.goodmes.name}}
							</view>
						</view>
						<view class="text-sm padding text-grey fr" style="padding-left: 0rpx;">
							<view class="content fl text-yellow_new text-df">
								<!--<image v-if="item.reword_type_id == 1" class="fl" src="/static/fonticon/first.png"
									 style="width: 140upx;height: 70upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 2" class="fl" src="/static/fonticon/last.png"
									 style="width: 140upx;height: 70upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>-->
								<!--<image v-if="item.reword_type_id == 3" class="fl" src="/static/fonticon/quanju.png"
									  style="width: 80upx;height: 30upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 10upx;"></image>
									  :src="Imgbase + '/app_index_c_top2.png'"-->
								<image v-if="item.reword_type_id == 1" class="fl" :src="Imgbase + '/first2.png'"
									style="width: 200upx;height: 68upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 2" class="fl" :src="Imgbase + '/last2.png'"
									style="width: 172upx;height: 64upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 3" class="fl" :src="Imgbase + '/quanju2.png'"
									style="width: 140upx;height: 70upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 33" class="fl" :src="Imgbase + '/chognchong5.png'"
									style="width: 140upx;height: 70upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 34" class="fl" :src="Imgbase + '/box6.png'"
									style="width: 140upx;height: 70upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<!--<view class="fl margin-top-sm" v-if="item.reword_type_id == 3">赏</view>-->
								<!--<view class="fl margin-top" v-if="item.reword_type_id != 3">赏</view>-->
							</view>
						</view>
						<view style="clear: both;"></view>
					</view>
					<view class="solid-bottom light" v-for="(item,index) in loglist" :key="index"
						style="width: 94%;margin-left: 3%;background-color: #FBFADC;">
						<view class="action fl text-sm padding text-ablack">
							<view class="action text-lg text-green text-center">
								{{item.index}}
							</view>
							{{item.paytime_text}}
						</view>
						<view class="text-sm padding-sm text-grey fl">
							<view class="content text-ablack text-df"
								style="max-width: 300upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
								<text class="text-green">{{item.usermes.nickname}}</text>
							</view>
							<view class="action text-df text-green">
								{{item.goodmes.name}}
							</view>
						</view>
						<view class="text-sm padding text-grey fr">
							<view class="content fl text-gray text-df">
								<image v-if="item.reword_type_id == 4" class="fl" :src="Imgbase + '/a3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 5" class="fl" :src="Imgbase + '/b3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 6" class="fl" :src="Imgbase + '/c3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 7" class="fl" :src="Imgbase + '/d3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 8" class="fl" :src="Imgbase + '/e3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 9" class="fl" :src="Imgbase + '/f3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 10" class="fl" :src="Imgbase + '/g3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 11" class="fl" :src="Imgbase + '/h3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 12" class="fl" :src="Imgbase + '/i3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 13" class="fl" :src="Imgbase + '/j3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 14" class="fl" :src="Imgbase + '/k3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 15" class="fl" :src="Imgbase + '/l3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 16" class="fl" :src="Imgbase + '/m3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 17" class="fl" :src="Imgbase + '/n3.png'"
									style="width: 92upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 30" class="fl" src="/static/fonticon/sp.png"
									style="width: 110upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 18" class="fl" src="/static/fonticon/o.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 19" class="fl" src="/static/fonticon/p.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 20" class="fl" src="/static/fonticon/q.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 21" class="fl" src="/static/fonticon/r.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 22" class="fl" src="/static/fonticon/s.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 23" class="fl" src="/static/fonticon/t.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 24" class="fl" src="/static/fonticon/u.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 25" class="fl" src="/static/fonticon/v.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 26" class="fl" src="/static/fonticon/w.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 27" class="fl" src="/static/fonticon/x.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 28" class="fl" src="/static/fonticon/y.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<image v-if="item.reword_type_id == 29" class="fl" src="/static/fonticon/z.png"
									style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
								</image>
								<!--<image v-if="item.reword_type_id == 4" class="fl" src="/static/fonticon/a.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 5" class="fl" src="/static/fonticon/b.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 6" class="fl" src="/static/fonticon/c.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 7" class="fl" src="/static/fonticon/d.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 8" class="fl" src="/static/fonticon/e.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 9" class="fl" src="/static/fonticon/f.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 10" class="fl" src="/static/fonticon/g.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 11" class="fl" src="/static/fonticon/h.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 12" class="fl" src="/static/fonticon/i.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 13" class="fl" src="/static/fonticon/j.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 14" class="fl" src="/static/fonticon/k.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 15" class="fl" src="/static/fonticon/l.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 16" class="fl" src="/static/fonticon/m.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 17" class="fl" src="/static/fonticon/n.png"
									 style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 30" class="fl" src="/static/fonticon/sp.png"
									 style="width: 110upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 18" class="fl" src="/static/fonticon/o.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 19" class="fl" src="/static/fonticon/p.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 20" class="fl" src="/static/fonticon/q.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 21" class="fl" src="/static/fonticon/r.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 22" class="fl" src="/static/fonticon/s.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 23" class="fl" src="/static/fonticon/t.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 24" class="fl" src="/static/fonticon/u.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 25" class="fl" src="/static/fonticon/v.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 26" class="fl" src="/static/fonticon/w.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 27" class="fl" src="/static/fonticon/x.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 28" class="fl" src="/static/fonticon/y.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<image v-if="item.reword_type_id == 29" class="fl" src="/static/fonticon/z.png"
									  style="width: 55upx;height: 65upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;"></image>
									<view class="fl margin-top">赏</view>-->
							</view>
						</view>
						<view style="clear: both;"></view>
					</view>
				</view>
				<view style="clear: both;"></view>
				<view style="width: 96%;height:80upx;margin-left: 2%;">
				</view>
			</view>
			<view style="clear: both;"></view>
			<view style="width: 100%;height: 180upx;"></view>

			<!-- 购买按钮 -->
			<view class="cu-bar" v-if="skin == 'qing'"
				style="position: fixed;bottom:10rpx;z-index:999;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 0rpx;">
				<view class="cu-capsule margin-bottom-sm round" style="margin-left: 35rpx;" @click="buybutton(3)">
					<image :src="Imgbase + '/qing_goodpoor_buy10.png'" style="width: 220upx;height: 130upx;"
						mode="aspectFit">
					</image>
				</view>
				<view class="cu-capsule margin-bottom-sm round padding-bottom-15" style="" @click="buybutton(1)">
					<image :src="Imgbase + '/qing_goodpoor_buy3.png'" style="width: 220upx;height: 150upx;"
						mode="aspectFit">
					</image>
				</view>
				<view class="cu-capsule margin-bottom-sm round action" style="" @click="buybutton(0)">
					<image :src="Imgbase + '/qing_goodpoor_buy1.png'" style="width: 220upx;height: 130upx;"
						mode="aspectFit">
					</image>
				</view>
			</view>

			<view class="cu-bar" v-else
				style="position: fixed;bottom:10rpx;z-index:999;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 0rpx;">
				<view class="cu-capsule margin-bottom-sm round" style="margin-left: 35rpx;" @click="buybutton(3)">
					<image :src="Imgbase + '/new_goodinfdex_buy10on.png'" style="width: 220upx;height: 130upx;"
						mode="aspectFit">
					</image>
				</view>
				<view class="cu-capsule margin-bottom-sm round padding-bottom-15" style="" @click="buybutton(1)">
					<image :src="Imgbase + '/new_goodinfdex_buy3on.png'" style="width: 220upx;height: 150upx;"
						mode="aspectFit">
					</image>
				</view>
				<view class="cu-capsule margin-bottom-sm round action" style="" @click="buybutton(0)">
					<image :src="Imgbase + '/new_goodinfdex_buy1on.png'" style="width: 220upx;height: 130upx;"
						mode="aspectFit">
					</image>
				</view>
			</view>

		</view>
		<view class="cu-modal" :class="modalName=='Modal'?'show':''" @tap="hideModal">
			<view class="cu-dialog" style="background-color:initial;margin-top: 100rpx;"
				:style="{background:'url('+Imgbase+'/gooddetail_alarm_bg5.png) no-repeat','background-size':'100% 100%'}">
				<scroll-view class="scroll text-left" scroll-y="true" v-html='explain.content'
					style="max-height: 60vh; padding: 100rpx;">
				</scroll-view>
				<view style="width: 100%;height: 200upx;"></view>
			</view>
		</view>
		<view class="cu-modal" :class="modalName=='Modal2'?'show':''" @tap="hideModal">
			<view class="cu-dialog" style="background-color:initial;height: 330upx;"
				:style="{background:'url('+Imgbase+'/gooddetail_alarm_bgs.png) no-repeat','background-size':'100% 100%'}">
				<view style="width: 100%;height: 40upx;"></view>
				<!--<view class="cu-bar bg-white justify-end">
							<view class="content">{{locktitle}}</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-red"></text>
							</view>
						</view>-->
				<scroll-view class="scroll padding-xl" scroll-y="true" v-html='lockcontent' style="max-height: 70vh;">
				</scroll-view>
				<view style="width: 100%;clear: both;height: 30px;"></view>
			</view>
		</view>
		<view class="cu-modal" :class="modalName=='Modal3'?'show':''" @tap="hideModal">
			<view class="cu-dialog" style="background-color:initial;height: 330upx;"
				:style="{background:'url('+Imgbase+'/gooddetail_alarm_bgs.png) no-repeat','background-size':'100% 100%'}">
				<view style="width: 100%;height: 40upx;"></view>
				<!--<view class="cu-bar bg-white justify-end">
							<view class="content">积分规则</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-red"></text>
							</view>
						</view>-->
				<scroll-view class="scroll padding-xl" scroll-y="true" v-html='scorecontent' style="max-height: 70vh;">
				</scroll-view>
				<view style="width: 100%;clear: both;height: 30px;"></view>
			</view>
		</view>

		<!-- 恭喜获得  -->
		<view class="cu-modal" :class="modalName2=='buyModal'?'show':''" @tap="hideModal2" @tap.stop="">
			<view class="cu-dialog" style="background-color:initial;margin-top: 100rpx;width: 90%;height: 80%;">

				<view class="w100 h-800 pos_bgc">
					<image class="w100 h100" :src="Imgbase + '/new_goodfanx_img11.png'" mode="aspectFit">
					</image>
				</view>
				<view class="w100 h-800 pos_bgc2">
					<image class="w100 h100" :src="Imgbase + '/new_goodfanx_img12.png'" mode="aspectFit">
					</image>
				</view>
				<view class="" style="width: 100%;height: 100%;" v-if="getspecial == false">
					<scroll-view class="scroll text-left" scroll-y="true" style="padding: 230rpx 40rpx 0;"
						:style="{'height':pray == ''?'85%':'70%'}">
						<view class="box_tanchuang"
							style="width: 440rpx; height: 410rpx;float: left ;margin-bottom: 60rpx;border-radius: 12rpx;position: relative;"
							v-for="item in buylist" v-if="item.reword_type_name == 'SSS'">
							<view class="" style="padding: 10rpx;height: 180rpx;" :style="{background:item.reword_type_name == 'SSR'?'url('+Imgbase+'/new1_infinite_SSR1.png) no-repeat':
										item.reword_type_name == 'SR'?'url('+Imgbase+'/new1_infinite_SR1.png) no-repeat':
										item.reword_type_name == 'SP'?'url('+Imgbase+'/new1_infinite_SD1.png) no-repeat':
										item.reword_type_name == 'R'?'url('+Imgbase+'/new1_infinite_R1.png) no-repeat':
										item.reword_type_name == 'N'?'url('+Imgbase+'/new1_infinite_N1.png) no-repeat':
										item.reword_type_name == 'M'?'url('+Imgbase+'/new1_infinite_M1.png) no-repeat':
										item.reword_type_name == 'SSS'?'url('+Imgbase+'/new1_infinite_SSS1.png) no-repeat':''
										,'background-size':'100% 100%',}">
								<!-- 动图 -->
								<view class="animation" v-if="item.reword_type_name == 'SSS'">
								</view>

								<image style="width: 100%; height: 100%;" :src="item.adimage" mode="widthFix">
								</image>
								<view class="fonts"
									style="position: absolute; bottom: 15rpx;right: 25rpx;color: #F78852;font-weight: bold;font-size: 30rpx;">
									x{{item.num}}

								</view>
								<view class="" style="position: absolute; top: 10rpx;right: 10rpx;"
									v-if="item.reword_type_name == 'SSR'">
									<image style="width: 100rpx; height: 50rpx;" :src="Imgbase + '/new_good_ssr1.png'"
										mode="widthFix"></image>
								</view>
								<view class="" style="position: absolute; top: 20rpx;right: 25rpx;"
									v-if="item.reword_type_name == 'SSS'">
									<image style="width: 200rpx; height: 100rpx;" :src="Imgbase + '/new_good_sss1.png'"
										mode="widthFix"></image>
								</view>

							</view>
						</view>

						<!-- 9876 -->
						<view class="box_tanchuang"
							style="width: 180rpx; height: 170rpx;float: left ;margin-bottom: 20rpx;border-radius: 12rpx;position: relative;"
							v-for="item in buylist" v-if="item.reword_type_name !== 'SSS'">
							<view class="" style="padding: 10rpx;height: 180rpx;" :style="{background:item.reword_type_name == 'SSR'?'url('+Imgbase+'/new1_infinite_SSR1.png) no-repeat':
										item.reword_type_name == 'SR'?'url('+Imgbase+'/new1_infinite_SR1.png) no-repeat':
										item.reword_type_name == 'SP'?'url('+Imgbase+'/new1_infinite_SD1.png) no-repeat':
										item.reword_type_name == 'R'?'url('+Imgbase+'/new1_infinite_R1.png) no-repeat':
										item.reword_type_name == 'N'?'url('+Imgbase+'/new1_infinite_N1.png) no-repeat':
										item.reword_type_name == 'M'?'url('+Imgbase+'/new1_infinite_M1.png) no-repeat':''
										,'background-size':'100% 100%',}">
								<!-- 动图 -->
								<view class="animation" v-if="item.reword_type_name == 'SSS'">
								</view>

								<image style="width: 100%; height: 100%;" :src="item.adimage" mode="widthFix">
								</image>
								<view class="fonts"
									style="position: absolute; bottom: 15rpx;right: 15rpx;color: #F78852;font-weight: bold;font-size: 30rpx;">
									x{{item.num}}

								</view>
								<view class=""
									style="position: absolute; top: 10rpx;right: 10rpx;width: 100rpx; height: 50rpx;">
									<image style="width: 100%;" v-if="item.reword_type_name == 'SSS'"
										:src="Imgbase + '/new_good_sss1.png'" mode="widthFix"></image>
									<image style="width: 100%;" v-if="item.reword_type_name == 'SSR'"
										:src="Imgbase + '/new_good_ssr1.png'" mode="widthFix"></image>
								</view>
							</view>
						</view>
					</scroll-view>
					<!-- 祈愿奖励 -->
					<view class="" style="padding: 0 50rpx;overflow: hidden;" v-if="pray != ''">
						<view class=""
							style="font-size: 30rpx;font-weight: bold;text-align: left;padding-bottom: 20rpx;">
							祈愿:
						</view>
						<view class="box_tanchuang"
							style="width: 180rpx; height: 170rpx;float: left ;margin-bottom: 20rpx;border-radius: 12rpx;position: relative;">
							<view class="" style="padding: 10rpx;height: 180rpx;" :style="{background:pray.reword_type_name == 'SSR'?'url('+Imgbase+'/new1_infinite_SSR1.png) no-repeat':
										pray.reword_type_name == 'SR'?'url('+Imgbase+'/new1_infinite_SR1.png) no-repeat':
										pray.reword_type_name == 'SP'?'url('+Imgbase+'/new1_infinite_SD1.png) no-repeat':
										pray.reword_type_name == 'R'?'url('+Imgbase+'/new1_infinite_R1.png) no-repeat':
										pray.reword_type_name == 'N'?'url('+Imgbase+'/new1_infinite_N1.png) no-repeat':
										pray.reword_type_name == 'M'?'url('+Imgbase+'/new1_infinite_M1.png) no-repeat':
										pray.reword_type_name == 'SSS'?'url('+Imgbase+'/new1_infinite_SSS1.png) no-repeat':''
										,'background-size':'100% 100%',}">

								<!-- 动图 -->
								<view class="animation" v-if="pray.reword_type_name == 'SSS'">
								</view>
								<image style="width: 100%; height: 100%;" :src="pray.adimage" mode="widthFix">
								</image>
								<view class=""
									style="position: absolute; top: 10rpx;right: 10rpx;width: 100rpx; height: 50rpx;">
									<image style="width: 100%;" v-if="pray.reword_type_name == 'SSS'"
										:src="Imgbase + '/new_good_sss1.png'" mode="widthFix"></image>
									<image style="width: 100%;" v-if="pray.reword_type_name == 'SSR'"
										:src="Imgbase + '/new_good_ssr1.png'" mode="widthFix"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="padding-top-30" style="text-align: center;">
						<image @click="showbuy_off" class="w-300 h-80" :src="Imgbase + '/new_goodfanx_img8.png'"
							mode="aspectFit">
						</image>
						<!-- <image  style="width: 300rpx;" :src="Imgbase + '/new1_infinite_goonbtn.png'"
							mode="widthFix"></image> -->
					</view>
				</view>

				<view class="" style="width: 100%;height: 100%;" v-if="getspecial">
					<scroll-view class="scroll text-left" scroll-y="true" style="padding: 300rpx 50rpx 0;height: 42%;">
						<view class="box_tanchuang"
							style="width: 30%;float: left ;margin-bottom: 20rpx;border-radius: 12rpx;position: relative;"
							v-for="item in buylist">
							<view class="" style="padding: 10rpx;height: 180rpx;overflow: hidden;"
								v-if="item.reword_type_name == 'SSS'">
								<!-- 动图 -->
								<view class="animation" v-if="item.reword_type_name == 'SSS'">
								</view>
								<view class=""
									style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;"
									:style="{background:item.reword_type_name == 'SSR'?'url('+Imgbase+'/new1_infinite_SSR1.png) no-repeat':
										item.reword_type_name == 'SR'?'url('+Imgbase+'/new1_infinite_SR1.png) no-repeat':
										item.reword_type_name == 'SP'?'url('+Imgbase+'/new1_infinite_SD1.png) no-repeat':
										item.reword_type_name == 'R'?'url('+Imgbase+'/new1_infinite_R1.png) no-repeat':
										item.reword_type_name == 'N'?'url('+Imgbase+'/new1_infinite_N1.png) no-repeat':
										item.reword_type_name == 'M'?'url('+Imgbase+'/new1_infinite_M1.png) no-repeat':
										item.reword_type_name == 'SSS'?'url('+Imgbase+'/new1_infinite_SSS1.png) no-repeat':''
										,'background-size':'100% 100%',}">

									<image style="width: 100%; height: 100%;" :src="item.adimage" mode="widthFix">
									</image>
									<view class="fonts"
										style="position: absolute; bottom: 15rpx;right: 15rpx;color: #F78852;font-weight: bold;font-size: 30rpx;">
										x{{item.num}}
									</view>
									<view class=""
										style="position: absolute; top: 10rpx;right: 10rpx;width: 100rpx; height: 50rpx;">
										<image style="width: 100%;" v-if="item.reword_type_name == 'SSS'"
											:src="Imgbase + '/new_good_sss1.png'" mode="widthFix">
										</image>
										<image style="width: 100%;" v-if="item.reword_type_name == 'SSR'"
											:src="Imgbase + '/new_good_ssr1.png'" mode="widthFix"></image>
									</view>
								</view>
							</view>

							<view class="" style="padding: 10rpx;height: 180rpx;overflow: hidden;" v-else>
								<!-- 动图 -->
								<view class="animation" v-if="item.reword_type_name == 'SSS'">
								</view>
								<view class=""
									style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;"
									:style="{background:item.reword_type_name == 'SSR'?'url('+Imgbase+'/new1_infinite_SSR1.png) no-repeat':
										item.reword_type_name == 'SR'?'url('+Imgbase+'/new1_infinite_SR1.png) no-repeat':
										item.reword_type_name == 'SP'?'url('+Imgbase+'/new1_infinite_SD1.png) no-repeat':
										item.reword_type_name == 'R'?'url('+Imgbase+'/new1_infinite_R1.png) no-repeat':
										item.reword_type_name == 'N'?'url('+Imgbase+'/new1_infinite_N1.png) no-repeat':
										item.reword_type_name == 'M'?'url('+Imgbase+'/new1_infinite_M1.png) no-repeat':
										item.reword_type_name == 'SSS'?'url('+Imgbase+'/new1_infinite_SSS1.png) no-repeat':''
										,'background-size':'100% 100%',}">

									<image style="width: 100%; height: 100%;" :src="item.adimage" mode="widthFix">
									</image>
									<view class="fonts"
										style="position: absolute; bottom: 15rpx;right: 15rpx;color: #F78852;font-weight: bold;font-size: 30rpx;">
										x{{item.num}}
									</view>
									<view class=""
										style="position: absolute; top: 10rpx;right: 10rpx;width: 100rpx; height: 50rpx;">
										<image style="width: 100%;" v-if="item.reword_type_name == 'SSS'"
											:src="Imgbase + '/new_good_sss1.png'" mode="widthFix">
										</image>
										<image style="width: 100%;" v-if="item.reword_type_name == 'SSR'"
											:src="Imgbase + '/new_good_ssr1.png'" mode="widthFix"></image>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>

					<!-- 祈愿奖励 -->
					<view class="" style="padding: 0 50rpx;height: 21%;">
						<view class="" v-if="pray != ''"
							style="font-size: 30rpx;font-weight: bold;text-align: left;padding-bottom: 20rpx;">
							祈愿:
						</view>
						<view class="box_tanchuang" v-if="pray != ''"
							style="width: 180rpx; height: 170rpx;float: left ;margin-bottom: 20rpx;border-radius: 12rpx;position: relative;">
							<view class="" style="padding: 10rpx;height: 180rpx;" :style="{background:pray.reword_type_name == 'SSR'?'url('+Imgbase+'/new1_infinite_SSR1.png) no-repeat':
										pray.reword_type_name == 'SR'?'url('+Imgbase+'/new1_infinite_SR1.png) no-repeat':
										pray.reword_type_name == 'SP'?'url('+Imgbase+'/new1_infinite_SD1.png) no-repeat':
										pray.reword_type_name == 'R'?'url('+Imgbase+'/new1_infinite_R1.png) no-repeat':
										pray.reword_type_name == 'N'?'url('+Imgbase+'/new1_infinite_N1.png) no-repeat':
										pray.reword_type_name == 'M'?'url('+Imgbase+'/new1_infinite_M1.png) no-repeat':
										pray.reword_type_name == 'SSS'?'url('+Imgbase+'/new1_infinite_SSS1.png) no-repeat':''
										,'background-size':'100% 100%',}">

								<!-- 动图 -->
								<view class="animation" v-if="pray.reword_type_name == 'SSS'">
								</view>
								<image style="width: 100%; height: 100%;" :src="pray.adimage" mode="widthFix">
								</image>
								<view class=""
									style="position: absolute; top: 10rpx;right: 10rpx;width: 100rpx; height: 50rpx;">
									<image style="width: 100%;" v-if="pray.reword_type_name == 'SSS'"
										:src="Imgbase + '/new_good_sss1.png'" mode="widthFix"></image>
									<image style="width: 100%;" v-if="pray.reword_type_name == 'SSR'"
										:src="Imgbase + '/new_good_ssr1.png'" mode="widthFix"></image>
								</view>
							</view>
						</view>
					</view>

					<view class=""
						style="text-align: left; padding: 10rpx 0 0 40rpx;color: #59100B;font-size: 28rpx;font-weight: bold;">
						额外获得隐藏
					</view>
					<scroll-view class="scroll text-left" scroll-y="true" style="padding: 10rpx 50rpx 0;height: 20%;">
						<view class="box_tanchuang"
							style="width: 30%; height: 30%; float: left ;margin-bottom: 20rpx;border-radius: 12rpx;position: relative;"
							v-for="item in buylist2">
							<view class="" style="height: 180rpx;border: 6rpx solid #F78852;border-radius: 10rpx;"
								:style="{background:item.reword_type_name == 'SSR'?'url('+Imgbase+'/new1_infinite_SSR1.png) no-repeat':
										item.reword_type_name == 'SR'?'url('+Imgbase+'/new1_infinite_SR1.png) no-repeat':
										item.reword_type_name == 'SP'?'url('+Imgbase+'/new1_infinite_SD1.png) no-repeat':
										item.reword_type_name == 'R'?'url('+Imgbase+'/new1_infinite_R1.png) no-repeat':
										item.reword_type_name == 'N'?'url('+Imgbase+'/new1_infinite_N1.png) no-repeat':
										item.reword_type_name == 'M'?'url('+Imgbase+'/new1_infinite_M1.png) no-repeat':
										item.reword_type_name == 'SSS'?'url('+Imgbase+'/new1_infinite_SSS1.png) no-repeat':''
										,'background-size':'100% 100%',}">

								<image style="width: 100%; height: 100%;" :src="item.adimage" mode="widthFix">
								</image>
								<view class="fonts"
									style="position: absolute;right: 15rpx;color: #F78852;font-weight: bold;top: 200%;font-size: 30rpx;">
									x{{item.num}}
								</view>
								<view class=""
									style="position: absolute; top: 10rpx;right: 10rpx;width: 100rpx; height: 50rpx;">
									<image style="width: 100%;" v-if="item.reword_type_name == 'SSS'"
										:src="Imgbase + '/new_good_sss1.png'" mode="widthFix"></image>
									<image style="width: 100%;" v-if="item.reword_type_name == 'SSR'"
										:src="Imgbase + '/new_good_ssr1.png'" mode="widthFix"></image>
								</view>
							</view>
						</view>
					</scroll-view>

					<view class="" style="" @click="showbuy_off">
						<image class="w-300 h-80" :src="Imgbase + '/new_goodfanx_img8.png'" mode="aspectFit">
						</image>
						<!-- <image @click="showbuy_off" style="width: 300rpx;margin-top: 30rpx;"
							:src="Imgbase + '/new1_infinite_goonbtn.png'" mode="aspectFit"></image> -->

					</view>
				</view>

			</view>
		</view>


		<view class="cu-modal" :class="modalName=='Modal4'?'show':''" @tap="hideModal">
			<view class="cu-dialog" style="width: 97%;height: 1280rpx;margin-top: 40rpx;" @tap.stop=""
				:style="{background:'url('+Imgbase+'/new1_infinite_historybgc.png)','background-size':'100% '}">

				<view class="" style="padding:60rpx;">
					<view class="" v-if="centerbtn_show == 1" style="padding: 0rpx;">
						<view class="" style="padding: 30rpx;">

							<view class="" style="min-height: 480rpx;">
								<!-- hhh -->
								<view class="win_tabbar">
									<scroll-view scroll-x class="nav" scroll-with-animation
										style="width: 100%;margin-left: 0%;margin-top: 5upx;height: 70upx;line-height: 70upx;">
										<view style="display: inline-block;" v-for="(item,index) in round>5?5:round">
											<button class="cu-btn shadow fl"
												style="width: 170upx;margin-left: 20upx;color: #f5ecdf;" :style="{background:historyround==desc.round-index?'url('+Imgbase+'/new1_infinite_hischeckoff.png) no-repeat'
													:'url('+Imgbase+'/new1_infinite_hischeckon.png) no-repeat'
													,'background-size':'100% 100%',}" @click="lookhistory(desc.round-index)">第{{desc.round-index}}轮</button>
										</view>
									</scroll-view>
								</view>

								<view class="jiang_box">
									<scroll-view class="scroll" scroll-y="true" scroll-left="top" scroll-with-animation
										style="height: 995rpx;">
										<view class="solid-bottom" v-for="(item,index) in historyloglist"
											style="width: 100%;margin-left: 0%;border: 2px solid #72B170;border-radius: 20upx;margin-top: 15upx;padding: 16rpx;">
											<view class="action fl text-sm  text-ablack" style="">
												<view class="cu-avatar"
													style="width: 100upx;height: 100upx;border-radius: 10rpx;margin-right: 20rpx;"
													:style="[{ backgroundImage:'url(' + item.usermes.avatar + ')' }]">
												</view>
											</view>
											<view style="" class="text-sm text-grey fl text-left ">
												<view class="content text-ablack text-df">
													<text style="color: #333333;"
														class="">{{item.usermes.nickname}}</text>
												</view>
												<view class="action one_worp"
													style="width: 180upx;color: #b83a46;font-size: 28rpx;">
													{{item.goodmes.name}}
												</view>
												<view class="action" style="color: #3a7bd5;font-size: 24rpx;">
													{{item.round}}轮第{{item.index}}发
												</view>
											</view>
											<!--<view class="text-sm text-grey fl" 
												style="margin-top: 30upx;margin-left: 0upx;padding-top: 30rpx;padding-left:15rpx"
												:style="{'padding-left':item.reword_type_id == 33?'':'15rpx'}">-->
											<view class="text-sm text-grey fl" style="padding-top: 40rpx;">
												<view class="content fl text-gray text-df"
													style="width: 110rpx; text-align: center;">
													<image v-if="item.reword_type_id == 33" class="fl"
														:src="Imgbase + '/chognchong4.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 17" class="fl"
														:src="Imgbase + '/new_good_n1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 16" class="fl"
														:src="Imgbase + '/new1_infinite_M.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 21" class="fl"
														:src="Imgbase + '/new_good_r1.png'"
														style="width: 80upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 31" class="fl"
														:src="Imgbase + '/new_good_ssr1.png'"
														style="width: 100upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 32" class="fl"
														:src="Imgbase + '/new1_infinite_SR.png'"
														style="width: 85upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.reword_type_id == 35" class="fl"
														:src="Imgbase + '/new_good_sss1.png'"
														style="width: 100upx;height: 40upx;z-index: 80;position: relative;margin-left: 4upx;margin-top: 0upx;">
													</image>
													<image v-if="item.pray_win == 1" class="fl" mode="widthFix"
														:src="Imgbase + '/1new_luck_qi2.png'"
														style="width: 80upx;z-index: 80;position: relative;margin-left: 15upx;margin-top: 15upx;">
													</image>
												</view>
											</view>
											<view class="text-sm text-grey fr" style="">
												<view class="content text-ablack text-df" style="max-width: 140upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
													padding-top: 10upx;padding-right: 0upx;font-size: 25rpx;">
													<text style="color: #9B522E;">{{item.paytime_text1}}</text>
												</view>
												<view class="content text-ablack text-df" style="max-width: 140upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
													padding-top: 20upx;padding-right: 0upx;font-size: 25rpx;">
													<text style="color: #9B522E;">{{item.paytime_text2}}</text>
												</view>
											</view>
											<view style="clear: both;"></view>
										</view>
									</scroll-view>
								</view>

							</view>
						</view>

					</view>

				</view>
				<view style="width: 100%;clear: both;height: 30px;"></view>
			</view>
		</view>
		<view class="cu-modal" :class="modalName=='photomodel'?'show':''" @tap="hideModal">
			<view class="cu-dialog" style="width: 90%;height: 820rpx;background-color: #fff;" @tap.stop="">
				<view class="" style="width: 100%;position: relative;height: 85%;">
					<image :src="photoimg" mode="aspectFill" style="width: 100%;height: 100%;"></image>
					<view class="" @click="modalName = null"
						style="position: absolute;width: 50rpx;height: 50rpx;top: 20rpx;right: 25rpx;z-index: 999;">
						<image :src="Imgbase + '/new1_infinite_close.png'" mode="widthFix"
							style="width: 100%;height: 100%;"></image>
					</view>
				</view>

				<view class="" style="margin-top: 40rpx;text-align: center;font-weight: bold;">
					{{looktitle}}
				</view>
				<!-- <view class="" style="margin-top: 10rpx;text-align: center;font-weight: bold;" v-if="lookprice > 0">
							市场价:￥{{lookprice}}
						</view> -->
			</view>
		</view>

		<view class="cu-modal" :class="modalName=='paymodel'?'show':''">
			<view class="cu-dialog" style="width: 740rpx;" v-if="modalName=='paymodel'"
				:style="{background:'url('+Imgbase+'/gooddetail_alarm_bg2.png)','background-size':'100% 100%',}">
				<view class="">
					<view class="text-df padding-tb-sm">
						<view style="width: 40%;height: 60upx;margin-left: 30%;margin-top: 80upx;">
							<image :src="Imgbase + '/gooddetail_alarm_t1.png'" mode="widthFix" style=""></image>
						</view>
						<view class="padding" style="width: 66%;margin-left: 17%;"
							:style="{background:'url('+Imgbase+'/gooddetail_alarm_c1.png)','background-size':'100% 100%',}">
							您将购买{{buycount}}个贴纸并获得兑换券<br>
							这将花费您{{buymoney}}<br>
							{{buymes}}<br>
						</view>
						<view class="cu-bar">
							<view class="action flex-sub text-gray solid-left"
								style="min-height: 100rpx;margin-left: 160rpx;" @tap="hideModal">
								<image :src="Imgbase + '/gooddetail_alarm_b1.png'" mode="widthFix"
									style="width: 150rpx;"></image>
							</view>
							<view class="action flex-sub text-green " style="min-height: 100rpx;margin-right: 160rpx;"
								@tap="submitLuck()">
								<image :src="Imgbase + '/gooddetail_alarm_b2.png'" mode="widthFix"
									style="width: 150rpx;"></image>
							</view>
						</view>
						<view style="width: 40%;height: 60upx;margin-left: 30%;margin-top: 20upx;">
							<image :src="Imgbase + '/gooddetail_alarm_t2.png'" mode="widthFix" style=""></image>
						</view>
						<scroll-view class="scroll padding-sm" scroll-y="true" v-if="extraexplain"
							v-html='extraexplain.content'
							style="max-height: 40vh;text-align: left;margin-top: 0px;width: 66%;margin-left: 17%;overflow: hidden;"
							:style="{background:'url('+Imgbase+'/gooddetail_alarm_c2.png)','background-size':'100% 100%',}">
						</scroll-view>
						<view style="width: 100%;height: 80upx;"></view>
					</view>
				</view>
			</view>
		</view>


		<view class="cu-modal bottom-modal" :class="modalName=='bottomModal'?'show':''">
			<view style="width: 100%;height: 1200upx;position: absolute;top: 0%;" @tap="hideModal"></view>
			<view class="cu-dialog padding-top-200 Afont" style="color: #8E4E0D;"
				:style="{background:'url('+Imgbase+'/new_goodinfdex_pay1.png)','background-size':'100% 100%',}">
				<view class="padding-left-30">
					<view class="fl w-175 h-175 ">
						<image class="w100 h100 radius-24" :src="desc.adimage" mode="aspectFit"></image>
					</view>
					<view class="fl text-left " style="padding-left: 30rpx;">
						<view class="text-lg padding-top-10 Bfont" style="color: #E60000;">
							￥<text class="font-45 padding-left-10">{{buymoney}}</text>
						</view>
						<view class="text-sm  padding-top-3" style="color: #8E4E0D;">
							单价({{desc.cost}}/次)
						</view>
						<view class="text-sm  padding-top-5">
							购买次数{{buycount}}次
						</view>
					</view>
				</view>
				<view style="clear: both;"></view>
				<view v-if="coupon > 0 && desc.type != '2'" class="padding-sm "
					:style="{background:'url('+Imgbase+'/new_goodinfdex_pay4.png)','background-size':'100% 100%',}"
					style="margin-left: 3%;width: 94%;border-radius: 20upx;margin-bottom: 20rpx;margin-top: 50rpx;">
					<view class="flex-between" v-if="desc.is_free !== 1">
						<view class="">剩余{{Math.floor(coupon * 1000) / 100}}GOOD豆
							(可抵值{{ Math.floor(coupon * 100) / 100}})</view>
						<view class=" w-40 h-40 radius-20 margin-right-8 flex-center"
							style="border: 4rpx solid #8E4E0D;background-color: #fff;" @click="radioChange">
							<!-- <u-switch v-model="checked" active-color="#19BE6B" @change="radioChange"></u-switch> -->
							<view class="w-24 h-24 radius-12" style="background-color: #5F9764;" v-if="checked">

							</view>
						</view>
					</view>

					<!-- <view class="flex-between padding-top-10" v-if="score > 0 && desc.type != '2'">
						<view class="">剩余{{score}}积分
							(可抵值{{score/10>buymoney/2?buymoney/2:score/10}})</view>
						<view class=" w-40 h-40 radius-20 margin-right-8 flex-center"
							style="border: 4rpx solid #8E4E0D;background-color: #fff;" @click="scoreChange">
							<view class="w-24 h-24 radius-12" style="background-color: #5F9764;" v-if="scorechecked">

							</view>
						</view>
					</view> -->
				</view>
				<view style="clear: both;"></view>
				<view class="padding-sm" style="margin-left: 3%;width: 94%;border-radius: 20upx;"
					:style="{background:'url('+Imgbase+'/new_goodinfdex_pay3.png)','background-size':'100% 100%',}">
					<view class="flex-between">
						<view class="">需支付</view>
						<view class=" text-lg" style="color: #e66142;">￥{{buymoneys}}</view>
					</view>
					<view class="flex-between padding-top-15" v-if="desc.is_free == 1">
						<view class="">剩余体验币</view>
						<view class=" text-lg" style="color: #e66142;">￥{{exp_coin}}</view>
					</view>

					<view class="flex-between padding-top-15" v-else>
						<view class="">剩余余额</view>
						<view class=" text-lg" style="color: #e66142;">￥{{money}}</view>
					</view>
				</view>
				<view class="cu-bar padding-top-20">
					<!-- 付费按钮 -->
					<view class="action flex-sub text-green " style="min-height: 100rpx;" @tap="submitLuck()"
						v-if="desc.is_free !== 1">
						<image class="w-280 h-90" :src="Imgbase + '/new_goodinfdex_pay2.png'" mode="aspectFit">
						</image>
					</view>

					<!-- 免费按钮 -->
					<view class="w-280 h-90 freeimg margin-auto" style="min-height: 100rpx;"
						@tap="$u.throttle(submitLuck, 3000)" v-if="desc.is_free == 1">
						<!-- <view class="btn w100 ">
							<image class="w-280 h-90" :src="Imgbase + '/new_goodinfdex_pay2.png'" mode="aspectFit">
							</image>
						</view> -->

						<image class="ww100 h100" :src="Imgbase + '/new_goodinfdex_pay2.png'" mode="aspectFit">
						</image>

						<view class="black w100 h100 text-center lh-90 radius-20 fff font-48 font-weight-500"
							v-if="countnum > 0">
							{{countnum}}
						</view>
					</view>
				</view>
				<view style="clear: both;"></view>
				<view style="width: 100%;height: 40upx;"></view>
			</view>
		</view>


		<view style="clear: both;"></view>
		<view style="position: fixed;right: 2%;top: 70%;z-index: 99;">
			<image class="w-80 h-80" :style="{'transform': 'rotate('+360*refreshtime+'deg)','transition': 'all 1s'}"
				@click="startR" :src="Imgbase+'/'+skin+'_goodpoor_img6.png'" mode="aspectFit"></image>
			<view class="animation"
				style="position: absolute;z-index: -1;width: 10rpx;height: 10rpx;top: 20rpx;left: 20rpx;">
			</view>
		</view>
		<view style="position: fixed;left: 2%;top: 20%;z-index: 99;" class="w-90 h-115" @click="toPage('index','Pray')"
			v-if="pray_open == 1">
			<image v-if="pray_number == 0" :src="Imgbase + '/new_goodluck_num0.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 1" :src="Imgbase + '/new_goodluck_num1.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 2" :src="Imgbase + '/new_goodluck_num2.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 3" :src="Imgbase + '/new_goodluck_num3.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 4" :src="Imgbase + '/new_goodluck_num4.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 5" :src="Imgbase + '/new_goodluck_num5.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 6" :src="Imgbase + '/new_goodluck_num6.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 7" :src="Imgbase + '/new_goodluck_num7.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 8" :src="Imgbase + '/new_goodluck_num8.png'" mode="aspectFit"></image>
			<image v-if="pray_number == 9" :src="Imgbase + '/new_goodluck_num9.png'" mode="aspectFit"></image>
		</view>
		<view style="clear: both;"></view>
		<view class="cu-load load-modal" v-if="loadModal">
			<image src="/static/icon.jpg" mode="aspectFit"></image>
			<view class="gray-text">加载中...</view>
		</view>
		<view class="cu-load load-modal" v-if="loadLuck">
			<view
				style="box-shadow: 0 0 0upx 200upx rgba(0, 0, 0, 0.5);position: fixed;bottom: -160upx;height: 160upx;width: 100%;">
			</view>
			<image src="/static/icon.jpg" mode="aspectFit"></image>
			<view class="gray-text">提交中...</view>
		</view>

		<view class="cu-modal" :class="modalName=='getPhoneNumber'?'show':''">
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">认证手机号</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view class="padding-xl bg-white">
					您还未认证手机号，为了程序功能的正常使用请您进行微信手机认证，否则将无法通过APP手机登录到该账号。
				</view>
				<view class="cu-bar bg-white justify-end">
					<view class="action">
						<button class="cu-btn line-blue text-blue" @tap="hideModal">取消</button>
						<button class="cu-btn bg-blue margin-left" open-type="getPhoneNumber"
							@getphonenumber="onGetPhoneNumber">确定</button>
					</view>
				</view>
			</view>
		</view>

		<u-popup :show="buyshow" @close="buyclose" @open="open">
			<view class="padding-30" style="background-color: #FBF9EC;">
				<view class="df padding-top-15">
					<view class="">
						<image class="w-150 h-150 radius-15" :src="desc.adimage" mode="aspectFit"
							@click="viewAdimage()"></image>
					</view>
					<view class="padding-left-30 padding-top-20">
						单价( <text style="color:#D53025;">￥{{cost}}</text> /次)
					</view>
				</view>
				<view class="padding-top-30">
					请选择购买次数
				</view>
				<view class="flex-between padding-top-20">
					<view class="flex-center h-80 radius-20 w-200" :class="buyindex==index?'buyon':'buyoff'"
						v-for="(item,index) in buypr" :key="index" @click="buymore(index)">
						{{item.num}}
					</view>

				</view>
				<view class="buyoff h-80 radius-20 flex-center margin-top-20">
					<input class="text-center" type="number" :value="buynum" placeholder="请输入(1-200),最大200"
						@input="inputin" @blur="inputev" />
				</view>

				<view class="padding-top-20 padding-right-10" style="text-align: right;">
					共 <text style="color: #D53025;font-size: 35rpx;">{{buyprice}}</text> 元
				</view>
				<view class="">
					<view class="">
						注:
					</view>
					<view class="h-300 margin-top-20 radius-15" style="border: 2rpx solid #414141;max-height: 400rpx;">
						<scroll-view class="padding-20 w100 h100" scroll-y="true" show-scrollbar="true">
							<view class="" v-html="content">

							</view>
						</scroll-view>
					</view>
				</view>

				<view class="w100 text-center margin-top-20 margin-bottom-40">
					<image class="w-600 h-120" :src="Imgbase + '/gooddetail_alarm_b3.png'" mode="aspectFit"
						@click="postmes">
					</image>
				</view>
			</view>
		</u-popup>

		<u-popup :show="goodshow" @close="close" mode="center" bgColor="transparent">
			<view class="h-200 " style="position: relative;width: 100vh;">
				<view class="df goodplay" style="position: absolute;" :style="{'left':good?'-3650rpx':'0%'}">
					<view class="w-200 h-200 margin-right-20" style="display: inline-block;position: relative;"
						v-for="(item,index) in goodlist2" :key="index" v-if="goodshow">
						<image :src="item.adimage" class="w100 h100" mode="aspectFill"></image>
					</view>

					<!-- <view class="w-200 h-200 margin-right-20" style="display: inline-block;position: relative;"
						v-for="(item,index) in goodlist" :key="index" v-else>
						<image :src="item.adimage" class="w100 h100" mode="aspectFill"></image>
					</view> -->
				</view>

				<view class="goodshu h-250">

				</view>
			</view>
		</u-popup>



		<u-toast ref="uToast"></u-toast>

	</view>
</template>

<script>
	import md5 from '@/utils/md5.js'
	export default {
		data() {
			return {
				Imgbase: getApp().globalData.Imgbase,
				refreshtime: 0,
				money: 0,
				score: 0,
				desc: null,
				id: null,
				uid: 0,
				title: '抽赏',
				tap: 0,
				page: 1,
				loglist: [],
				hasData: true,
				count: 10,
				liked: 0,
				modalName: null,
				modalName2: '',
				explain: '',
				extraexplain: null,
				buycount: 0,
				buymoney: 0,
				buymes: '不足,需支付6 ',
				times: -1,
				did: 0,
				rewordlist: [],
				lockstate: 0,
				locktime: 0,
				locknickname: '',
				looktitle: '',
				pray_number: '',
				timer: null,
				openbuy: false,
				content: '',
				timerwechat: null,
				loadModal: false,
				loadLuck: false,
				lockstateMap: ['不可锁箱', '可锁箱'],
				locktitle: '',
				lockcontent: '',
				scorecontent: '',
				costMap: ['', '', '积分'],
				ordercount1: '',
				ordercount2: '',
				centerbtn_show: 0, // 0为商品一览  1为中奖记录
				tabbar_show: 2, // 1为box赏   2为名人堂   3为隐藏   4为历史
				round: 0,
				myround: 0,
				historyround: 0,
				historyloglist: [],
				desclist: [],
				sssloglist: [],
				ssslogindex: 0,
				logtype: 0,
				ssslogcount: 0,
				ssrloglist: [],
				ssrlogindex: 0,
				boxloglist: [],
				boxlogcount: 0,
				boxlogindex: 0,
				yincang: 0,
				ordercount: 0,
				getspecial: false,
				buylist: [],
				buylist2: [],
				hiddenlists: [],
				cost: 0,
				photoimg: '',
				mssslist: [],
				mssrlist: [],
				boxlists: [],
				lookprice: 0,
				sssnum: 1,
				ssrnum: 1,
				boxnum: 1,
				sssmaxnum: 1,
				ssrmaxnum: 1,
				boxmaxnum: 1,
				pray: '',
				pray_open: '',
				coupon: 0,
				coupon_s: 0,
				checked: true,
				buymoneys: 0,
				buyradio: 1,
				previous: 0,
				buyshow: false,
				buyindex: -1,
				buynum: '',
				buyprice: 0,
				buypr: [{
						num: 20
					},
					{
						num: 50
					},
					{
						num: 100
					}
				],
				addlength: 0,
				descm: [],
				timesd: 0,
				explain1: '',
				tabhs: 0,
				hiddenlogindex: 1,
				loadtime: false,
				pagesCount: 0,
				scorechecked: false,
				score: 0,
				score_s: 0,
				goodshow: false,
				good: false,
				goodlist: [],
				goodlist2: [],
				skin: 'classics',
				exp_coin: 0,
				countnum: 0
			}
		},
		onUnload() {
			if (this.timer) {
				clearTimeout(this.timer);
				this.timer = null;
			}
			if (this.timerwechat) {
				clearTimeout(this.timerwechat);
				this.timerwechat = null;
			}
		},
		onLoad(options) {
			console.log(options)
			let _this = this;
			if (options.uid != null) {
				this.uid = options.uid;
			}
			this.did = options.id;

			let pages = getCurrentPages();
			this.pagesCount = pages.length;
		},
		onShow() {
			if (uni.getStorageSync('skin')) {
				this.skin = uni.getStorageSync('skin')
			}

			let _this = this;
			setTimeout(() => {
				_this.loadtime = false
			}, 700)

			if (uni.getStorageSync('token') == '') {
				_this.$uniApi.trylogin('name');
			}
			this.getuser();
			this.loadextraExplain();
			this.openbuy = false;
			this.poorLogList(1, this.sssnum, 2)
			this.poorLogList(2, this.ssrnum, 2)
			this.poorLogList(3, this.boxnum, 2)
			this.loadDesc(this.did);
			// this.isSave()
			this.explaint()
			this.addressList()
			this.showbue()
			this.hidlist()
		},
		methods: {
			goodcreate() {
				this.good = !this.good
			},
			gobape() {
				uni.switchTab({
					url: '/pages/goodspoor/backpack'
				})
			},
			tabdan(e) {
				this.tabhs = e
				this.poorLogList(1, this.sssnum, 2)
				this.poorLogList(2, this.ssrnum, 2)
				this.poorLogList(3, this.boxnum, 2)
				this.hidlist(2)
				if (this.tabbar_show == 4) {
					this.openhistory()
				}
			},
			showbue() {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Index/explain',
					data: {
						id: 19
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						_this.explain1 = res.data.data.desc.content;
					}
				});
			},
			// 购买更多
			showbuy() {
				this.buyshow = true
			},
			inputin(e) {
				this.buyindex = -1
				if (e.detail.value > 200) {
					this.buynum = 200
					console.log(e.detail.value)
				} else {
					this.buynum = e.detail.value
				}
				this.buyprice = this.buynum * this.cost
			},
			inputev(e) {
				if (this.buynum < 0) {
					this.buynum = ''
					return
				}

				if (this.buynum > 200) {
					this.buynum = 200
				}
				this.buyprice = this.buynum * this.cost

			},
			// 充值说明
			explaint() {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Index/explain',
					data: {
						token: uni.getStorageSync('token'),
						id: 13
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
							_this.$uniApi.trylogin();
						}
						if (res.data.code == '1') {
							_this.content = res.data.data.desc.content
						}
					}
				});
			},
			buymore(e) {
				console.log(e)
				this.buyindex = e
				this.buynum = ''
				this.buyprice = this.buypr[e].num * this.cost
				// if(e == 1){
				// 	this.buyprice =this.cost * 20
				// }

			},
			buyclose() {
				this.buyshow = false
			},
			postmes() {
				let _this = this;
				if (this.buyprice == 0) {
					uni.showToast({
						icon: 'none',
						title: '请输入充值金额!'
					});
					return;
				}
				// if (this.money == '') {
				// 	if (this.moneyzdy < 1) {
				// 		uni.showToast({
				// 			icon: 'none',
				// 			title: '可充值最小金额为1元'
				// 		});
				// 		return
				// 	}
				// 	if (this.moneyzdy > 5000) {
				// 		uni.showToast({
				// 			icon: 'none',
				// 			title: '可充值最大金额为5000元'
				// 		});
				// 		return
				// 	}
				// }

				let str = _this.$uniApi.mdnum();
				var md5Str = md5.hex_md5(str[1])
				uni.request({
					url: _this.$globals.apibase + '/api/Luckorder/invest',
					data: {
						token: uni.getStorageSync('token'),
						money: this.buyprice,
						ver: _this.$mpVer,
						platform: '',
						nonce: str[2],
						sign: md5Str,
						timestamp: str[0]
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {

						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
							_this.$uniApi.trylogin();
						}
						if (res.data.code == '1') {
							if (res.data.data.state == 1) {
								uni.showToast({
									icon: 'none',
									title: '充值成功',
									duration: 5000
								});
							} else if (res.data.data.state == 0) {
								uni.requestPayment({
									timeStamp: res.data.data.result.timeStamp,
									nonceStr: res.data.data.result.nonceStr,
									package: res.data.data.result.package,
									signType: res.data.data.result.signType,
									paySign: res.data.data.result.paySign,
									success: function(result) {
										uni.showToast({
											icon: 'success',
											title: '充值成功',
											duration: 5000,
										});
									}
								})
							} else {
								uni.showToast({
									icon: 'none',
									title: '未知错误'
								});
							}
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					}
				});
			},
			isSave() {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/isSave',
					data: {
						token: uni.getStorageSync('token'),
						id: _this.did
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.data.count == 0) {
							_this.liked = 0;
						} else {
							_this.liked = 1;
						}
					}
				});
			},
			back() {
				if (this.pagesCount == 1) {
					uni.switchTab({
						url: '/pages/goodspoor/index'
					})
				} else {
					uni.navigateBack()
				}
			},
			// 积分可抵值按钮
			scoreChange() {
				let _this = this,
					scorenum = Number(_this.score / 10 > _this.buymoney / 2 ? _this.buymoney / 2 : _this.score / 10)
				this.scorechecked = !this.scorechecked
				if (this.scorechecked) {
					_this.buymoneys = Number(_this.buymoneys - scorenum > 0 ? _this.buymoneys - scorenum : 0).toFixed(2)
					// console.log(_this.buymoneys)
				} else {
					console.log(_this.buymoney)
					_this.buymoneys = (Number(_this.buymoneys) + scorenum).toFixed(2) > _this.buymoney ? _this.buymoneys :
						(Number(_this.buymoneys) + scorenum).toFixed(2)
				}
			},
			radioChange(e) {
				let _this = this,
					scorenum = Number(_this.score / 10 > _this.buymoney / 2 ? _this.buymoney / 2 : _this.score / 10)

				this.checked = !this.checked
				console.log(this.checked)
				console.log(this.buyradio)
				let sss = this.buymoney.split('欧')[0];
				this.buymoneys = sss - this.coupon
				if (this.buyradio == 1) {
					this.buyradio = 0
					this.buymoneys = this.buymoney
				} else {
					console.log(123123)
					let sss = this.buymoney.split('欧')[0];
					let a = sss - this.coupon
					if (a > 0) {
						this.buymoneys = a
					} else {
						this.buymoneys = 0
					}
					this.buyradio = 1
				}


				if (_this.scorechecked) {
					_this.buymoneys = Number(_this.buymoneys - scorenum > 0 ? _this.buymoneys - scorenum : 0).toFixed(2)
				} else {
					_this.buymoneys = (Number(_this.buymoneys) + scorenum).toFixed(2) > Number(_this.buymoney) ? _this
						.buymoneys :
						(Number(_this.buymoneys) + scorenum).toFixed(2)
				}
				console.log(_this.buymoneys)


			},
			toPage(folder, name, id = -1) {
				if (id == -1) {
					uni.navigateTo({
						url: `/pages/${folder}/${name}`
					});
				} else {
					uni.navigateTo({
						url: `/pages/${folder}/${name}?id=${id}`
					});
				}
			},
			// 无底池- box、名人堂记录列表
			async poorLogList(type, page, buy) {
				let _this = this
				_this.loadModal = true;
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/poorLogList',
					data: {
						token: uni.getStorageSync('token'),
						poor_id: _this.did,
						page: page,
						type: type,
						single: _this.tabhs
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						_this.loadModal = false;
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							if (res.data.data.list == '' && buy != 2) {
								console.log(buy)
								if (type == 1) {
									_this.sssnum = _this.sssmaxnum
								} else if (type == 2) {
									_this.ssrnum = _this.ssrmaxnum
								} else if (type == 3) {
									_this.boxnum = _this.boxmaxnum
								}
								uni.showToast({
									icon: 'none',
									title: '已经是最后一页了',
								});
								return
							}
							if (type == 1) {
								_this.mssslist = res.data.data.list
							} else if (type == 2) {
								_this.mssrlist = res.data.data.list
							} else if (type == 3) {
								_this.boxlists = res.data.data.list
							}

						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					}
				});
			},
			// 点击中奖记录的tab
			tabbarshow(i) {
				this.tabbar_show = i

				if (i == 4) {
					this.openhistory()
				}
			},
			// 点击商品一览和中奖记录
			centenbtn(i) {
				console.log(i)
				this.centerbtn_show = i
			},
			scoreconfig() {
				let _this = this;
				_this.modalName = 'Modal3'
			},
			showPic(picImage, picName) {
				this.modalName = 'Image'
				this.picImage = picImage;
				this.picName = picName;
			},
			showbuy_off() {
				this.modalName2 = null
				this.poorLogList(1, this.sssnum, 2)
				this.poorLogList(2, this.ssrnum, 2)
				this.poorLogList(3, this.boxnum, 2)
				this.hidlist(2)
				this.openhistory()
				// let now = parseInt(new Date().getTime()) + '';
				// let wait = 1000;
				// if (now - this.previous > wait) {
				// 	this.modalName2 = null
				// 	this.poorLogList(1, this.sssnum, 2)
				// 	this.poorLogList(2, this.ssrnum, 2)
				// 	this.poorLogList(3, this.boxnum, 2)
				// } else {
				// 	// uni.showToast({
				// 	// 	icon: 'none',
				// 	// 	title: '请勿频繁操作',
				// 	// });
				// }

			},
			hiddenpageleft() {
				if (this.hiddenlogindex == 1) {
					uni.showToast({
						icon: 'none',
						title: '已经是第一页了',
					});
				} else {
					this.hiddenlogindex -= 1;
					this.hidlist()
				}
			},
			hiddenpageright() {
				this.hiddenlogindex += 1;
				this.hidlist(1)
			},
			hidlist(e) {
				let _this = this
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/loadhiddenlist',
					data: {
						token: uni.getStorageSync('token'),
						id: _this.did,
						hiddenlogindex: _this.hiddenlogindex,
						single: _this.tabhs
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						_this.loadModal = false;
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							if (res.data.data.hiddenlist.length == 0) {
								if (e == 1) {
									uni.showToast({
										icon: 'none',
										title: '已经是最后一页了',
									});
									this.hiddenlogindex -= 1;
								}
								if (e == 2) {
									_this.hiddenlists = res.data.data.hiddenlist
								}
								console.log(e)

							} else {
								_this.hiddenlogs2 = [];
								_this.hiddenlists = res.data.data.hiddenlist
							}

							// for (let i = 0; i < res.data.data.hiddenlist.length; i++) {
							// 	_this.hiddenlists = _this.hiddenlogs2.concat(res.data.data.hiddenlist[i])
							// }
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					}
				});
			},
			ssrpageleft() {
				if (this.ssrnum == 1) {
					uni.showToast({
						icon: 'none',
						title: '已经是第一页了',
					});
					return
				}
				this.ssrnum -= 1;
				this.poorLogList(2, this.ssrnum)
			},
			ssrpageright() {
				this.ssrmaxnum = this.ssrnum
				this.ssrnum += 1;
				this.poorLogList(2, this.ssrnum)
			},
			ssspageleft() {
				if (this.sssnum == 1) {
					uni.showToast({
						icon: 'none',
						title: '已经是第一页了',
					});
					return
				}
				this.sssnum -= 1;
				this.poorLogList(1, this.sssnum)
			},
			ssspageright() {
				this.sssmaxnum = this.sssnum
				this.sssnum += 1;
				this.poorLogList(1, this.sssnum)
			},
			boxpageleft() {
				if (this.boxnum == 1) {
					uni.showToast({
						icon: 'none',
						title: '已经是第一页了',
					});
					return
				}
				this.boxnum -= 1;
				this.poorLogList(3, this.boxnum)
			},
			boxpageright() {
				this.boxmaxnum = this.boxnum
				this.boxnum += 1;
				this.poorLogList(3, this.boxnum)
			},
			lookboxmes() {
				let _this = this;
				uni.navigateTo({
					url: `/pagesA/infinite/boxdetail?id=` + _this.did + `&num=` + _this.desc.box_limit_num +
						`&open_custom_box=` + _this.desc.open_custom_box2 + `&open_custom_box_mes=` + _this
						.open_custom_box_mes2 + `&num2=` + _this.desc.box_limit_num2 +
						`&open_custom_box2=` + _this.desc.open_custom_box + `&open_custom_box_mes2=` + _this
						.open_custom_box_mes1
				});
			},
			lookboxmes2() {
				let _this = this;
				uni.navigateTo({
					url: `/pagesA/infinite/boxdetail2?id=` + _this.did + `&num=` + _this.desc.box_limit_num2 +
						`&open_custom_box=` + _this.desc.open_custom_box2 + `&open_custom_box_mes=` + _this
						.open_custom_box_mes2
				});
			},
			lookhiddenmes() {
				let _this = this;
				uni.navigateTo({
					url: `/pagesA/infinite/hiddendetail?id=` + _this.did
				});
			},
			lookhistory(index) {
				console.log(index)
				this.historyround = index;
				let _this = this;
				_this.loadModal = true;
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/poorlog',
					data: {
						token: uni.getStorageSync('token'),
						id: _this.did,
						round: _this.historyround,
						single: _this.tabhs
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						console.log(res)
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							_this.historyloglist = [];
							for (let i = 0; i < res.data.data.loglist.length; i++) {
								_this.historyloglist = _this.historyloglist.concat(res.data.data.loglist[i])
							}
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
						_this.loadModal = false;
					}
				});
			},
			openhistory() {
				if (this.tabhs == 0) {
					this.historyround = this.desc.round;
				} else {
					this.historyround = this.desc.single_round;
				}
				this.round = parseInt(this.desc.round)
				this.myround = parseInt(this.desc.single_round)
				//this.historyloglist = this.loglist;
				let _this = this;
				_this.loadModal = true;
				this.modalName = 'history'
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/poorlog',
					data: {
						token: uni.getStorageSync('token'),
						id: _this.did,
						round: _this.tabhs == 0 ? _this.round : _this.myround,
						single: _this.tabhs
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							_this.historyloglist = [];
							for (let i = 0; i < res.data.data.loglist.length; i++) {
								_this.historyloglist = _this.historyloglist.concat(res.data.data.loglist[i])
							}
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
						_this.loadModal = false;
					}
				});
			},
			loadextraExplain() {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Index/explain',
					data: {
						id: 7
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						_this.extraexplain = res.data.data.desc;
					}
				});

			},
			startR() {
				if (getApp().globalData.couldFresh == true) {
					getApp().globalData.couldFresh = false;
					setTimeout(() => {
						getApp().globalData.couldFresh = true;
					}, 1000)
				} else {
					return;
				}
				this.refreshtime += 1;
				this.openbuy = false;
				this.loadDesc(this.did);
				this.poorLogList(1, this.sssnum, 2)
				this.poorLogList(2, this.ssrnum, 2)
				this.poorLogList(3, this.boxnum, 2)

			},
			viewAdimage() {
				this.lookprice = 0
				let adimage = [];
				adimage = adimage.concat(this.desc.adimage);
				this.photoimg = adimage
				this.modalName = 'photomodel';
				this.looktitle = this.title
				// uni.previewImage({
				// 	urls: adimage,
				// 	current: 0
				// });
			},
			lookImages(url, title, price) {
				console.log(price)
				this.photoimg = url
				this.looktitle = title
				if (parseFloat(price) > this.desc.cost) {
					this.lookprice = price
				} else {
					this.lookprice = this.desc.cost
				}
				this.modalName = 'photomodel';
			},
			viewImages(index) {
				let images = [];
				for (var i = 0; i < this.desc.info_text.length; i++) {
					images = images.concat(this.desc.info_text[i].goodmes.adimage);
				}
				uni.previewImage({
					urls: images,
					current: index
				});
			},
			showExplain(id) {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Index/explain',
					data: {
						id: id
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						_this.explain = res.data.data.desc;
						_this.modalName = 'Modal'
					}
				});
			},
			hideModal(e) {
				this.modalName = null
				this.checked = true
				this.scorechecked = true
				this.buyradio = 1
			},
			hideModal2(e) {
				this.modalName2 = null
				this.poorLogList(1, this.sssnum, 2)
				this.poorLogList(2, this.ssrnum, 2)
				this.poorLogList(3, this.boxnum, 2)
				this.good = false
				// let now = parseInt(new Date().getTime()) + '';
				// let wait = 1000;
				// if (now - this.previous > wait) {
				// 	this.modalName2 = null
				// 	this.poorLogList(1, this.sssnum, 2)
				// 	this.poorLogList(2, this.ssrnum, 2)
				// 	this.poorLogList(3, this.boxnum, 2)
				// } else {
				// 	// uni.showToast({
				// 	// 	icon: 'none',
				// 	// 	title: '请勿频繁操作',
				// 	// });
				// }
			},
			getuser() {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Userways/userFront',
					data: {
						token: uni.getStorageSync('token'),
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							_this.descm = res.data.data.user_desc
							_this.id = res.data.data.user_desc.id;
							_this.money = res.data.data.user_desc.money;
							_this.exp_coin = res.data.data.user_desc.exp_coin;
							// _this.score = Number(res.data.data.user_desc.score)
							_this.score = 0
							_this.pray_number = res.data.data.user_desc.pray_number;
							_this.coupon = res.data.data.user_desc.coupon / 10;

						}
					}
				});
			},
			addressList() {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Luckorder/addressList',
					data: {
						token: uni.getStorageSync('token'),
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
							_this.$uniApi.trylogin();
						}
						if (res.data.code == '1') {
							// _this.count = res.data.data.count;
							_this.addlength = res.data.data.list.length;
						}
					}
				});
			},
			buybutton(times) {
				let _this = this;

				// 判断有无绑定手机号
				if (this.descm.mobile == '') {
					this.$refs.uToast.show({
						message: "请先绑定手机号",
						duration: 1500,
					})
					setTimeout(() => {
						_this.modalName = 'getPhoneNumber';
					}, 1500)

					this.timesd = times
					return
				}

				// 判断有无收货地址
				if (this.addlength == 0) {
					this.$refs.uToast.show({
						message: "请添加收货地址",
						duration: 1500,
					})
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/index/address'
						})
					}, 1500)
					return
				}


				let now = parseInt(new Date().getTime()) + '';
				let wait = 1000;
				if (now - this.previous > wait) {
					this.previous = now;
					this.doLuck(times)
				} else {
					// uni.showToast({
					// 	icon: 'none',
					// 	title: '请勿频繁操作',
					// });
				}
			},
			onGetPhoneNumber(e) {
				let _this = this;
				wx.login({
					success(res) {
						uni.request({
							url: _this.$globals.apibase + '/api/Minlogin/getPhoneNumber',
							data: {
								token: uni.getStorageSync('token'),
								code: res.code,
								encryptedData: e.detail.encryptedData,
								iv: e.detail.iv,
								ver: _this.$mpVer
							},
							method: 'POST',
							header: {
								'content-type': 'application/json'
							},
							success: (res) => {
								if (res.data.code == '1') {
									_this.getuser()
									uni.showToast({
										icon: 'none',
										title: '授权成功!',
										duration: 1500,
									});

									setTimeout(() => {
										_this.buybutton(_this.timesd)
									}, 1500)

								} else {
									uni.showToast({
										icon: 'none',
										title: '授权失败!',
										duration: 3000,
									});
								}
								_this.modalName = null
							}
						});
					}
				})
			},
			doLuck(times) {

				this.checked = true
				this.scorechecked = true
				this.buyradio = 1
				let _this = this;
				if (_this.loadLuck == true || _this.openbuy == true) {
					return;
				}
				_this.times = times;
				if (_this.times == 0) {
					_this.buycount = 1;
				}
				if (_this.times == 1) {
					_this.buycount = 3;
				}
				if (_this.times == 3) {
					_this.buycount = 10;
				}
				_this.buymoney = parseFloat(_this.buycount * _this.desc.cost).toFixed(2);
				let coupon = parseFloat(_this.coupon)
				if (coupon < _this.buymoney) {
					_this.coupon_s = _this.coupon
				} else {
					_this.coupon_s = _this.buymoney
				}
				// let sss = this.buymoney.split('欧')[0];
				// this.buymoneys = sss - this.coupon
				let numss = parseFloat(_this.buycount * _this.desc.cost).toFixed(2) - _this.coupon
				if (numss > 0) {
					_this.buymoneys = numss + '';
				} else {
					_this.buymoneys = 0 + '';
				}

				if (_this.scorechecked) {
					let scorenum = Number(_this.score / 10 > _this.buymoney / 2 ? _this.buymoney / 2 : _this.score / 10)
					_this.buymoneys = Number(_this.buymoneys - scorenum > 0 ? _this.buymoneys - scorenum : 0).toFixed(2)
				}

				// _this.buymoneys = parseFloat(_this.buycount * _this.desc.cost).toFixed(2) - _this.coupon + '';
				if (_this.desc.type == 2) {
					let mes = '';
					if (_this.score >= _this.buymoney) {} else {
						mes += '积分不足，无法购买';
					}
					_this.buymes = mes;
					_this.buymoney += '积分';
				} else {
					let mes = '';
					if (parseFloat(_this.money) >= parseFloat(_this.buymoney)) {} else {
						mes += '不足，';
						let needpay = parseFloat(_this.buymoney - _this.money).toFixed(2);
						mes += '需支付' + needpay + '元';
					}
					_this.buymes = mes;
					_this.buymoney += '';
				}
				//_this.modalName = 'paymodel';
				_this.modalName = 'bottomModal';
				//_this.modalName = 'getrewordmodel';
			},
			countdown() {
				var _this = this;
				if (_this.countnum > 0) {
					return false
				}
				console.log(222222)

				_this.countnum = 3

				var down = setInterval(function() {
					_this.countnum--
					if (_this.countnum == 0) {
						clearInterval(down);
					}

					console.log(_this.countnum)
				}, 1000);

			},
			submitLuck() {
				var _this = this;
				this.countdown()

				_this.modalName = null;
				if (_this.openbuy == true) {
					return;
				}
				_this.openbuy = true;
				_this.loadLuck = true;
				let type = 'mini';
				// #ifdef APP-PLUS 
				type = 'app';
				// #endif
				let str = _this.$uniApi.mdnum();
				var md5Str = md5.hex_md5(str[1])
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/createOrder',
					data: {
						token: uni.getStorageSync('token'),
						good_poor_id: _this.did,
						times: _this.times,
						type: type,
						ver: _this.$mpVer,
						use_coupon: _this.buyradio,
						good_type: 'goods',
						nonce: str[2],
						sign: md5Str,
						timestamp: str[0],
						single: _this.tabhs,
						// user_score: _this.scorechecked ? 1 : 0
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						console.log('132123', res)
						// #ifdef APP-PLUS 
						if (!res.data.code) {

							uni.requestPayment({
								provider: 'alipay',
								orderInfo: res.data,
								success: function(result) {
									// uni.showToast({
									// 	icon: 'none',
									// 	title: '支付成功',
									// 	duration:5000
									// });
									_this.getuser();
									_this.modalName = null;
									_this.openbuy = false;
									_this.loadModal = true;
									let str = _this.$uniApi.mdnum();
									var md5Str = md5.hex_md5(str[1])
									uni.request({
										url: _this.$globals.apibase +
											'/api/Infinite/createOrder',
										data: {
											token: uni.getStorageSync('token'),
											good_poor_id: _this.did,
											times: _this.times,
											ver: _this.$mpVer,
											use_coupon: _this.buyradio,
											good_type: 'goods',
											nonce: str[2],
											sign: md5Str,
											timestamp: str[0],
											single: _this.tabhs,
											// user_score: _this.scorechecked ? 1 : 0
										},
										method: 'POST',
										header: {
											'content-type': 'application/json'
										},
										success: (res) => {
											_this.loadLuck = false;
											if (res.data.code == '401') {
												uni.setStorageSync('token', '');
											}
											if (res.data.code == '1') {
												if (res.data.data.state == 1) {
													/*uni.showToast({
														icon: 'success',
														title: '抽取成功',
													});*/
													uni.request({
														url: _this.$globals
															.apibase +
															'/api/User/doRank',
														data: {
															token: uni
																.getStorageSync(
																	'token'),
															price: _this
																.buycount *
																_this.desc
																.cost,
														},
														method: 'POST',
														header: {
															'content-type': 'application/json'
														},
														success: (res) => {},
													});
													_this.getuser();
													_this.loadDesc(_this.did);
													_this.modalName = null;
													_this.openbuy = false;

												}
											} else {
												if (res.data.msg == '') {
													res.data.msg = '服务器繁忙,购买失败';
												}
												uni.showToast({
													icon: 'none',
													title: res.data.msg
												});
												_this.openbuy = false;
											}
											this.poorLogList(1, this.sssnum)
											this.poorLogList(2, this.ssrnum)
											this.poorLogList(3, this.boxnum)
										},
									});
								},
								fail: function(result) {
									/*console.log(result);
						        uni.showToast({
						        	icon: 'none',
						        	title: JSON.stringify(result.errMsg),
						        	duration:5000
						        });*/
									_this.loadLuck = false;
									_this.openbuy = false;
								}
							});
							return;
						}
						// #endif

						_this.loadLuck = false;
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							if (res.data.data.state == 1) {
								uni.$u.randomArray(_this.goodlist)
								let shop = JSON.parse(res.data.data.logs)
								_this.goodlist.splice(20, 1, shop[0]);
								this.goodlist2 = this.goodlist
								console.log(123123, _this.goodlist2)
								/*uni.showToast({
									icon: 'success',
									title: '抽取成功',
								});*/
								uni.request({
									url: _this.$globals.apibase + '/api/User/doRank',
									data: {
										token: uni.getStorageSync('token'),
										price: _this.buycount * _this.desc.cost,
									},
									method: 'POST',
									header: {
										'content-type': 'application/json'
									},
									success: (res) => {},
								});
								_this.getuser();
								_this.loadDesc(_this.did);
								_this.modalName = null;
								_this.openbuy = false;
								//带着抽取记录去奖励界面
								// _this.modalName = 'buyModal';
								// let ssss = res.data.data.special_rewords
								// _this.buylist2 = JSON.parse(ssss)
								let log_sss = JSON.parse(res.data.data.log_reword_sss)
								if (log_sss.length > 0) {
									// 抽到sss 手机震动
									uni.vibrateLong();
								}

								let log_ssr = JSON.parse(res.data.data.log_reword_ssr)
								let log_sr = JSON.parse(res.data.data.log_reword_sr)
								let log_ = JSON.parse(res.data.data.log_reword)
								_this.pray = JSON.parse(res.data.data.pray_res_data)
								// console.log(_this.pray)
								let aa = log_sss.concat(log_ssr, log_sr, log_)
								// _this.buylist = aa
								// console.log(_this.buylist)
								// console.log(_this.buylist2)
								_this.getspecial = res.data.data.getspecial

								// 滑动特效
								// if (_this.times == 1 || _this.times == 0) {
								// 	_this.goodshow = true
								// 	setTimeout(function() {
								// 		_this.good = true
								// 	}, 200)

								// 	setTimeout(function() {
								// 		_this.goodshow = false
								// 		_this.modalName2 = 'buyModal';
								// 	}, 4200)
								// } else {
								// 	_this.modalName2 = 'buyModal';
								// }

								_this.modalName2 = 'buyModal';

								let ssss = res.data.data.log_reword
								let dddd = res.data.data.special_rewords
								_this.buylist = aa
								_this.buylist2 = JSON.parse(dddd)
								// aa.push(JSON.parse(res.data.data.log_reword_sss), JSON.parse(res.data.data.log_reword_ssr),JSON.parse(res.data.data.log_reword_sr),JSON.parse(res.data.data.log_reword))
								// _this.buylist = aa
								//uni.navigateTo({
								//	url: `/pages/goodspoor/reword?logid=`+res.data.data.logs
								//});
								_this.rewords = JSON.parse(res.data.data.logs);
								_this.rewords_log = JSON.parse(res.data.data.log_reword);
								_this.rewords_log_sss = JSON.parse(res.data.data.log_reword_sss);
								_this.rewords_log_ssr = JSON.parse(res.data.data.log_reword_ssr);
								_this.rewords_log_sr = JSON.parse(res.data.data.log_reword_sr);
								_this.rewords_special = JSON.parse(res.data.data.special_rewords);
								_this.modalName = 'getrewordmodel';
								if (res.data.data.getbox == true && res.data.data.getbox2 == true) {
									if (res.data.data.getbox == true) {
										uni.showToast({
											icon: 'none',
											title: '恭喜您获得BOX赏和MBOX赏',
										})
									}
								} else {
									if (res.data.data.getbox == true) {
										uni.showToast({
											icon: 'none',
											title: '恭喜您获得BOX赏',
										})
									}
									if (res.data.data.getbox2 == true) {
										uni.showToast({
											icon: 'none',
											title: '恭喜您获得MBOX赏',
										})
									}
								}
							} else if (res.data.data.state == 0) {
								uni.requestPayment({
									timeStamp: res.data.data.result.timeStamp,
									nonceStr: res.data.data.result.nonceStr,
									package: res.data.data.result.package,
									signType: res.data.data.result.signType,
									paySign: res.data.data.result.paySign,
									success: function(result) {
										/*uni.showToast({
											icon: 'success',
											title: '支付成功',
											duration: 5000,
										});*/
										_this.getuser();
										_this.modalName = null;

										_this.openbuy = false;
										_this.loadModal = true;
										// _this.getspecial = res.data.data.getspecial
										// _this.modalName2 = 'buyModal';
										// let ssss = res.data.data.log_reword
										// let dddd = res.data.data.special_rewords
										// _this.buylist = JSON.parse(ssss)
										// _this.buylist2 = JSON.parse(dddd)
										let str = _this.$uniApi.mdnum();
										var md5Str = md5.hex_md5(str[1])

										uni.request({
											url: _this.$globals.apibase +
												'/api/Infinite/createOrder',
											data: {
												token: uni.getStorageSync('token'),
												good_poor_id: _this.did,
												times: _this.times,
												ver: _this.$mpVer,
												use_coupon: _this.buyradio,
												good_type: 'goods',
												nonce: str[2],
												sign: md5Str,
												timestamp: str[0],
												single: _this.tabhs,
												// user_score: _this.scorechecked ? 1 : 0
											},
											method: 'POST',
											header: {
												'content-type': 'application/json'
											},
											success: (res) => {
												_this.loadLuck = false;
												if (res.data.code == '401') {
													uni.setStorageSync('token', '');
													_this.$uniApi.trylogin();
												}
												if (res.data.code == '1') {
													if (res.data.data.state == 1) {
														/*uni.showToast({
															icon: 'success',
															title: '抽取成功',
														});*/
														uni.request({
															url: _this.$globals
																.apibase +
																'/api/User/doRank',
															data: {
																token: uni
																	.getStorageSync(
																		'token'
																	),
																price: _this
																	.buycount *
																	_this.desc
																	.cost,
															},
															method: 'POST',
															header: {
																'content-type': 'application/json'
															},
															success: (
																res) => {},
														});
														_this.getuser();
														_this.loadDesc(_this.did);
														_this.modalName = null;
														_this.openbuy = false;
														_this.getspecial = res.data
															.data.getspecial
														// 滑动特效
														// if (_this.times == 1 || _this
														// 	.times == 0) {
														// 	_this.goodshow = true

														// 	setTimeout(function() {
														// 		_this.good =
														// 			true
														// 	}, 200)

														// 	setTimeout(function() {
														// 		_this
														// 			.goodshow =
														// 			false
														// 		_this
														// 			.modalName2 =
														// 			'buyModal';
														// 	}, 4200)
														// } else {
														// 	_this.modalName2 =
														// 		'buyModal';
														// }

														_this.modalName2 = 'buyModal';
														let ssss = res.data.data
															.log_reword
														let dddd = res.data.data
															.special_rewords
														_this.buylist = JSON.parse(
															ssss)
														_this.buylist2 = JSON.parse(
															dddd)
														//带着抽取记录去奖励界面
														//uni.navigateTo({
														//	url: `/pages/goodspoor/reword?logid=`+res.data.data.logs
														//});
														_this.pray = res.data.data
															.pray_res_data
														_this.rewords = JSON.parse(res
															.data.data.logs);
														_this.rewords_log = JSON.parse(
															res.data.data
															.log_reword);
														_this.rewords_log_sss = JSON
															.parse(res.data.data
																.log_reword_sss);
														_this.rewords_log_ssr = JSON
															.parse(res.data.data
																.log_reword_ssr);
														_this.rewords_log_sr = JSON
															.parse(res.data.data
																.log_reword_sr);
														_this.rewords_special = JSON
															.parse(res.data.data
																.special_rewords);
														//_this.modalName =
														//	'getrewordmodel';
														if (res.data.data.getbox ==
															true) {
															uni.showToast({
																icon: 'none',
																title: '恭喜您获得BOX赏',
															})
														}
													}
												} else {
													if (res.data.msg == '') {
														res.data.msg = '服务器繁忙,购买失败';
													}
													uni.showToast({
														icon: 'none',
														title: res.data.msg
													});
													_this.openbuy = false;
												}
												this.poorLogList(1, this.sssnum)
												this.poorLogList(2, this.ssrnum)
												this.poorLogList(3, this.boxnum)
											},
										});

									},
									fail: (res) => {
										_this.openbuy = false;
									},
									cancel: (res) => {
										_this.openbuy = false;
									},
								})
							} else {
								if (res.data.msg == '') {
									res.data.msg = '服务器繁忙,购买失败';
								}
								uni.showToast({
									icon: 'none',
									title: res.data.msg
								});
								_this.openbuy = false;
							}
						}
						if (res.data.code == '0') {
							if (res.data.msg == '') {
								res.data.msg = '服务器繁忙,购买失败';
							}
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
							_this.openbuy = false;
							_this.loadDesc(_this.did);
						}
					},
					fail: (res) => {
						_this.openbuy = false;
					},
					cancel: (res) => {
						_this.openbuy = false;
					},
				});
			},
			loadDesc(id) {
				let _this = this;
				_this.page = 1;
				_this.loadModal = true;
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/poordesc',
					data: {
						token: uni.getStorageSync('token'),
						id: id,
						page: _this.page,
						sssindex: uni.getStorageSync('sss' + id + 'len') || 0,
						ssrindex: uni.getStorageSync('ssr' + id + 'len') || 0,
						rewordindex: uni.getStorageSync('reword' + id + 'len') || 0,
						hiddenindex: uni.getStorageSync('hidden' + id + 'len') || 0,
						single: _this.tabhs,
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						// 滑动特效
						let goodarr = []
						res.data.data.desc.mes.forEach(function(it) {
							it.goodinfo.forEach(function(item) {
								goodarr.push(item)
							})
						})
						var intervalId = setInterval(function() {
							if (goodarr.length < 23) {
								goodarr.forEach(function(item) {
									goodarr.push(item)
								})
							} else {
								clearInterval(intervalId);
								_this.goodlist = goodarr
							}
						}, 10);


						_this.loadModal = false;
						// _this.hiddenlists = res.data.data.hiddenlist2
						_this.cost = res.data.data.desc.cost

						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							// if (res.data.data.desc['status'] == 0) {
							// 	uni.showToast({
							// 		icon: 'none',
							// 		title: '该奖池已下架'
							// 	});
							// 	uni.navigateTo({
							// 		url: `/pages/index/index`
							// 	});
							// 	_this.loadModal = false;
							// 	return;
							// }
							_this.desc = res.data.data.desc;
							_this.desclist = res.data.data.desc;
							_this.pray_open = res.data.data.desc.pray_open;
							_this.special = res.data.data.special;
							_this.ordercount = res.data.data.ordercount;
							_this.title = _this.desc.title;
							_this.yincang = res.data.data.hiddencount
							if (res.data.data.hiddencount > 0) {
								_this.titleinfo = '隐藏狂欢剩余' + res.data.data.hiddencount + '发'
							} else {
								_this.titleinfo = '';
							}
							_this.ordercount2 = res.data.data.ordercount2;
							/*_this.ssrloglist = [];
							for(let i=0;i<res.data.data.ssrloglist.length;i++){
								_this.ssrloglist = _this.ssrloglist.concat(res.data.data.ssrloglist[i])
							}
							_this.ssrlogcount = Math.ceil(res.data.data.ssrloglist.length/100);*/
							_this.sssloglist = [];
							var ssstmplog = [];
							if (uni.getStorageSync('sss' + id + 'l') != '') {
								ssstmplog = JSON.parse(uni.getStorageSync('sss' + id + 'l'));
							}
							for (let i = 0; i < res.data.data.sssloglist.length; i++) {
								ssstmplog = ssstmplog.concat(res.data.data.sssloglist[i])
							}
							uni.setStorageSync('sss' + id + 'l', JSON.stringify(ssstmplog));
							uni.setStorageSync('sss' + id + 'len', ssstmplog.length);
							ssstmplog = ssstmplog.reverse();
							_this.ssslogcount = Math.ceil(ssstmplog.length / 100);
							for (let i = 0; i < _this.ssslogcount; i++) {
								_this.sssloglist[i] = [];
								for (let j = 0; j < 100; j++) {
									if (ssstmplog[i * 100 + j] != null) {
										_this.sssloglist[i] = _this.sssloglist[i].concat(ssstmplog[i * 100 +
											j])
									}
								}
							}
							_this.ssslogindex = 0;
							var tmplog = [];
							if (uni.getStorageSync('ssr' + id + 'l') != '') {
								tmplog = JSON.parse(uni.getStorageSync('ssr' + id + 'l'));
							}
							for (let i = 0; i < res.data.data.ssrloglist.length; i++) {
								tmplog = tmplog.concat(res.data.data.ssrloglist[i])
							}
							uni.setStorageSync('ssr' + id + 'l', JSON.stringify(tmplog));
							uni.setStorageSync('ssr' + id + 'len', tmplog.length);
							tmplog = tmplog.reverse();
							_this.ssrlogcount = Math.ceil(tmplog.length / 100);
							_this.ssrloglist = [];
							for (let i = 0; i < _this.ssrlogcount; i++) {
								_this.ssrloglist[i] = [];
								for (let j = 0; j < 100; j++) {
									if (tmplog[i * 100 + j] != null) {
										_this.ssrloglist[i] = _this.ssrloglist[i].concat(tmplog[i * 100 + j])
									}
								}
							}
							_this.ssrlogindex = 0;
							tmplog = [];
							if (uni.getStorageSync('reword' + id + 'l') != '') {
								tmplog = JSON.parse(uni.getStorageSync('reword' + id + 'l'));
							}
							for (let i = 0; i < res.data.data.reword_log.length; i++) {
								tmplog = tmplog.concat(res.data.data.reword_log[i])
							}
							uni.setStorageSync('reword' + id + 'l', JSON.stringify(tmplog));
							uni.setStorageSync('reword' + id + 'len', tmplog.length);
							tmplog = tmplog.reverse();
							_this.boxlogcount = Math.ceil(tmplog.length / 100);
							_this.boxloglist = [];
							for (let i = 0; i < _this.boxlogcount; i++) {
								_this.boxloglist[i] = [];
								for (let j = 0; j < 100; j++) {
									if (tmplog[i * 100 + j] != null) {
										_this.boxloglist[i] = _this.boxloglist[i].concat(tmplog[i * 100 + j])
									}
								}
							}
							_this.boxlogindex = 0;
							_this.open_custom_box_mes1 = '';
							if (_this.desc.open_custom_box == 1) {
								for (let i = 0; i < _this.desc.custom_box_rewords.length; i++) {
									if (i != 0) {
										_this.open_custom_box_mes1 += '、';
									}
									_this.open_custom_box_mes1 += _this.desc.custom_box_rewords[i].name;
								}
							}
							_this.open_custom_box_mes2 = '';
							if (_this.desc.open_custom_box2 == 1) {
								for (let i = 0; i < _this.desc.custom_box_rewords2.length; i++) {
									if (i != 0) {
										_this.open_custom_box_mes2 += '、';
									}
									_this.open_custom_box_mes2 += _this.desc.custom_box_rewords2[i].name;
								}
							}

							//隐藏奖励记录
							/*_this.hiddenlogs = [];
							var hiddentmplog = [];
							if(uni.getStorageSync('hidden'+id+'l') != ''){
								hiddentmplog = JSON.parse(uni.getStorageSync('hidden'+id+'l'));
							}
							for(let i=0;i<res.data.data.hiddenlist.length;i++){
								hiddentmplog = hiddentmplog.concat(res.data.data.hiddenlist[i])
							}
							uni.setStorageSync('hidden'+id+'l',JSON.stringify(hiddentmplog));
							uni.setStorageSync('hidden'+id+'len',hiddentmplog.length);
							hiddentmplog = hiddentmplog.reverse();
							_this.hiddenlogcount = Math.ceil(hiddentmplog.length/100);
							for(let i =0 ;i < _this.hiddenlogcount; i++){
								_this.hiddenlogs[i] = [];
								for(let j =0;j<100;j++){
									if(hiddentmplog[i*100+j] != null){
										_this.hiddenlogs[i] = _this.hiddenlogs[i].concat(hiddentmplog[i*100+j])
									}
								}
							}*/
							_this.hiddenlogs2 = [];
							// console.log('111111',res.data.data.hiddenlist2)
							if (res.data.data.hiddenlist2 === undefined) {
								for (let i = 0; i < res.data.data.hiddenlist.length; i++) {
									_this.hiddenlogs2 = _this.hiddenlogs2.concat(res.data.data.hiddenlist[i])
								}
							} else {
								for (let i = 0; i < res.data.data.hiddenlist2.length; i++) {
									_this.hiddenlogs2 = _this.hiddenlogs2.concat(res.data.data.hiddenlist2[i])
								}
							}
							// _this.hiddenlogindex = 0;
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					}
				});
			},
			changeTap(tap) {
				this.tap = tap;
			},
			savePoor(id) {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/savePoor',
					data: {
						token: uni.getStorageSync('token'),
						goods_poor_id: id,
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							uni.showToast({
								icon: 'success',
								title: '添加收藏成功'
							});
							_this.liked = 1;
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					}
				});
			},
			unsavePoor(id) {
				let _this = this;
				uni.request({
					url: _this.$globals.apibase + '/api/Infinite/unsavePoor',
					data: {
						token: uni.getStorageSync('token'),
						goods_poor_id: id,
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							uni.showToast({
								icon: 'success',
								title: '取消收藏成功'
							});
							_this.liked = 0;
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					}
				});
			},
		},
		//分享功能
		onShareAppMessage(res) {
			let _this = this;
			return {
				title: _this.title,
				path: '/pagesA/infinite/poordetail?id=' + _this.did,
				imageUrl: _this.desc.adimage,
			}
		},
		//分享功能
		onShareTimeline(res) {
			let _this = this;
			return {
				title: _this.title,
				path: '/pagesA/infinite/poordetail?id=' + _this.did,
				imageUrl: _this.desc.adimage,
			}
		},
		onReachBottom() {
			let _this = this;
			if (this.hasData) {
				this.page++;
				uni.request({
					url: _this.$globals.apibase + '/api/Luckgoods/poorlog',
					data: {
						id: _this.desc.id,
						page: _this.page,
					},
					method: 'POST',
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						if (res.data.code == '401') {
							uni.setStorageSync('token', '');
						}
						if (res.data.code == '1') {
							for (let i = 0; i < res.data.data.loglist.length; i++) {
								_this.loglist = _this.loglist.concat(res.data.data.loglist[i])
							}
							if (res.data.data.loglist.length < _this.count) {
								_this.hasData = false
							}
						}
						if (res.data.code == '0') {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					}
				});
			}
		},
	}
</script>

<style lang="less" scoped>
	.freeimg {
		position: relative;

		.btn {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 10;
		}

		.black {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 11;
			background-color: rgba(0, 0, 0, .7);
		}
	}

	.goodplay {
		transition: all 4s cubic-bezier(.27, 1, 0.95, 1.03);
	}

	.goodshu {
		position: absolute;
		width: 2%;
		left: 48%;
		top: -25rpx;
		background-color: #FFB04C;
		z-index: 10;
	}

	.pos_bgc2 {
		position: absolute;
		top: 10%;
		left: 0;
		// z-index: 18;
	}

	.pos_bgc {
		position: absolute;
		top: 10%;
		left: 0;
		-webkit-transform: rotate(360deg);
		animation: rotation 60s linear infinite;
		-moz-animation: rotation 12s linear infinite;
		-webkit-animation: rotation 12s linear infinite;
		-o-animation: rotation 12s linear infinite;
		// z-index: 15;
	}

	@-webkit-keyframes rotation {
		from {
			-webkit-transform: rotate(0deg);
		}

		to {
			-webkit-transform: rotate(360deg);
		}
	}

	.skinbgc {
		background-color: #F0E3CE;
		box-shadow: 0rpx 0rpx 15rpx 0rpx #4e4e4e;
		border-radius: 20rpx;
	}

	.top_item {
		// background-color: #f0e3ce;
		// box-shadow: 0rpx 0rpx 15rpx 0rpx #4e4e4e;
		margin: 60rpx auto 0;

		.skinco {
			background-color: #f0e3ce;
			box-shadow: 0rpx 0rpx 15rpx 0rpx #4e4e4e;
		}

		.imgto {
			margin-top: -20rpx;
		}

		.heng {
			background-color: #F5F5F5;
			width: 475rpx;
			height: 25rpx;
			border-radius: 10rpx;
			overflow: hidden;
			border: 4rpx solid #fff;
			position: relative;

			.numd {
				position: absolute;
				right: 15rpx;
				top: 0rpx;
				z-index: 99;
				color: #000;
				font-weight: bold;
				font-size: 19rpx;
			}

			.its {
				background-color: #2B9C35;
				border-radius: 10rpx;
			}

			.its2 {
				background-color: #ECBD37;
				border-radius: 10rpx;
			}
		}
	}

	.loadshow {
		transition: .3s;
		opacity: 1;
	}

	.loadnoshow {
		transition: .3s;
		opacity: 0;
	}

	.left_scr {
		background-color: rgba(0, 0, 0, .3);
	}

	.buyon {
		background-color: #F58A4F;
		color: #fff;
		transition: .3s;
		border: 2rpx solid #F58A4F;
	}

	.buyoff {
		border: 2rpx solid #F58A4F;
		color: #F58A4F;
		transition: .3s;
	}

	.his_item {
		position: absolute;
		left: 0;
		top: -35rpx;
		z-index: 99;
		width: 90%;
		margin-left: 5%;
		height: 150rpx;
		background-color: #F0E3CE;
		border: 4rpx solid #8E4E0D;
		border-radius: 20rpx;

		.btnon {
			background-color: #E8AD72;
			color: #714F4F;
			font-weight: bold;
			font-family: 'Afont' !important;
		}

		.btnoff {
			background-color: #E8AD72;
			color: #B28261;
		}
	}



	button:after {
		border: none;
	}

	.jitem {
		display: inline-block;
		margin-right: 60rpx;
	}

	.zinde {
		position: relative;
		z-index: 10;
	}

	.card_bgc {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}

	.auto {
		margin: 0 auto;
	}

	.animation {
		width: 110%;
		height: 120%;
		position: absolute;
		left: -5%;
		top: -5%;
		z-index: 9999;
		background-size: 100% 100%;
		background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/1.png');
		animation-name: likes; // 动画名称
		animation-direction: 10; // 动画在奇数次（1、3、5...）正向播放，在偶数次（2、4、6...）反向播放。
		animation-timing-function: linear; // 动画执行方式，linear：匀速；ease：先慢再快后慢；ease-in：由慢速开始；ease-out：由慢速结束；ease-in-out：由慢速开始和结束；
		animation-delay: 0s; // 动画延迟时间
		animation-iteration-count: infinite; //  动画播放次数，infinite：一直播放
		animation-duration: 4s; // 动画完成时间
		animation-fill-mode: backwards;

	}

	@keyframes likes {
		0% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/1.png');
		}

		// 2% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/2.png');
		// }

		4% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/3.png');
		}

		// 6% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/4.png');
		// }

		8% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/5.png');
		}

		10% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/6.png');
		}

		// 12% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/7.png');
		// }

		14% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/8.png');
		}

		// 16% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/9.png');
		// }

		18% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/10.png');
		}

		20% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/11.png');
		}

		// 22% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/12.png');
		// }

		24% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/13.png');
		}

		// 26% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/14.png');
		// }

		28% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/15.png');
		}

		30% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/16.png');
		}

		// 32% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/17.png');
		// }

		34% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/18.png');
		}

		// 36% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/19.png');
		// }

		38% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/20.png');
		}

		40% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/21.png');
		}

		// 42% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/22.png');
		// }

		44% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/23.png');
		}

		// 46% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/24.png');
		// }

		48% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/25.png');
		}

		50% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/26.png');
		}

		// 52% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/27.png');
		// }

		54% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/28.png');
		}

		// 56% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/29.png');
		// }

		58% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/30.png');
		}

		60% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/31.png');
		}

		// 62% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/32.png');
		// }

		64% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/33.png');
		}

		// 66% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/34.png');
		// }

		68% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/35.png');
		}

		70% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/36.png');
		}

		// 72% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/37.png');
		// }

		74% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/38.png');
		}

		// 76% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/39.png');
		// }

		78% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/40.png');
		}

		80% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/41.png');
		}

		// 82% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/42.png');
		// }

		84% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/43.png');
		}

		// 86% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/44.png');
		// }

		88% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/45.png');
		}

		90% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/1.png');
		}

		// 92% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/1.png');
		// }

		94% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/1.png');
		}

		// 96% {
		// 	background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/1.png');
		// }

		98% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/1.png');
		}

		100% {
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/animation/2.png');
		}
	}

	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.refresh_icon {
		height: 80upx;
		width: 80upx;
	}

	.Toptitle {
		width: 95%;
		height: 85rpx;
		margin: 0 auto;
		text-align: center;
		line-height: 104rpx;
		color: #FFFDE2;
		font-size: 30rpx;
		font-weight: bold;
	}

	.flex_ban {
		display: flex;
		padding: 13rpx 0;

		.top_left {
			position: relative;
			width: 25%;

			image {
				width: 100%;
				height: 100%;
			}

			.one {
				width: 60%;
				height: 100rpx;
				line-height: 85rpx;
			}

			.two {
				padding-top: 18rpx;
				margin-left: 34rpx;
				width: 125rpx;
				position: absolute;
				bottom: 0;
			}
		}

		.top_center {
			padding-left: 7rpx;
			position: relative;
			width: 60%;

			.bottom_img {
				// height: 150rpx;
				z-index: 999;

				image {
					width: 100%;
					height: 100%;
				}

			}
		}

		.top_right {
			width: 20%;
			// margin: 0 auto;
			float: right;

			.right_surplus {
				width: 130rpx;
				height: 90rpx;
				margin: 30rpx auto 0;
				color: #fff;
				font-weight: bold;
				padding: 15rpx;
				font-size: 25rpx;
			}
		}
	}

	.top_xinxi {
		width: 93%;
		height: 100upx;
		color: #F6A367;
		margin: 35rpx auto 30rpx;

		.xinxi_item {
			font-weight: bold;
			color: #8d4d0c;
		}
	}

	.bottom_item {
		margin-top: 60rpx;
		padding-bottom: 30rpx;
		position: relative;

		.bgcimg {
			width: 99%;
			position: absolute;
			top: -30rpx;
			left: 1%;
			z-index: 20;
		}

		.bgcimgwinter {
			width: 60%;
			position: absolute;
			top: 15rpx;
			right: -1%;
			z-index: 20;
		}

		.bgcimg1 {
			width: 98%;
			position: absolute;
			top: -50rpx;
			right: -1%;
			z-index: 20;
		}


		.heng {
			position: absolute;
			z-index: 999;
			width: 96.5%;
			top: 13rpx;
			left: 14rpx;
			border-radius: 15rpx;
		}

		.jiang_item {
			padding: 13rpx;

			// image {
			// 	width: 100%;
			// 	height: 100%;
			// }

			.item_tops {
				padding-top: 10rpx;
				display: flex;
				align-items: center;
				position: relative;

				.pos_ab {
					margin-top: 30rpx;
					width: 500rpx;
					position: absolute;

					image {
						width: 100%;
						height: 100%;
					}

					// z-index: 999;
				}

				.top_left {
					// width: 100rpx;
					// margin-left: 10rpx;
				}

				.top-right {
					z-index: 999;
					color: #FF4949;
					padding-left: 20rpx;
					padding-bottom: 10rpx;
				}

				.top-rightnewyear {
					z-index: 999;
					color: #F9FADA;
					padding-left: 20rpx;
					padding-bottom: 10rpx;
				}
			}

			.item_bots {
				padding: 20rpx 20rpx;
				white-space: nowrap;
				overflow-x: auto;

				// ::-webkit-scrollbar {
				// 	display: none;
				// }

				.item_box {
					width: 195rpx;
					height: 290rpx;
					margin-right: 20rpx;
					float: left;
					margin-bottom: 20rpx;
					background-color: #EFD9B9;
					border: 2rpx solid #DCC8B5;
					border-radius: 18rpx;
				}

				.item_box:nth-child(3n) {
					margin-right: 0;
				}


			}
		}
	}

	.center_button {
		position: relative;

		image {
			width: 100%;
			height: 100%;
		}

		.button_img {
			width: 65%;
			height: 23rpx;
			margin: 0 auto;
		}

		.btn {
			padding: 0 20rpx;
			height: 85rpx;
			display: flex;
			justify-content: space-around;

			.btn_item {
				width: 350rpx;
				height: 100rpx;
			}
		}
	}

	.top_two {
		width: 64%;
		margin: 0 auto;
		height: 25rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.cherryblossoms {
		position: absolute;
		top: 240upx;
		// left: 5rpx;
		width: 100rpx;
		z-index: 999;

		image {
			width: 100%;
			height: 100%;
		}
	}

	// 中奖记录
	.win_tabbar {
		display: flex;
		justify-content: space-around;

		image {
			width: 100%;
			height: 100%;
			transition: .1s;
		}

		.tabbar_item {
			width: 24%;
			height: 80rpx;
		}
	}

	.jiang_box {
		padding-top: 10rpx;

		// padding: ;
		image {
			width: 100%;
			height: 100%;
		}

		.box_item {
			padding: 25rpx;
			border-radius: 20rpx;
			margin-top: 20rpx;
			display: flex;
			align-items: center;
			background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/new_goodinfdex_img12.png');
			background-size: 100% 100%;
			font-family: 'Afont' !important;

			.icon {
				min-width: 130rpx;
				height: 130rpx;
				// overflow: hidden;
				background-image: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/new_goodmy_img1.png');
				background-size: 100% 100%;
				padding: 6rpx;

				image {
					border-radius: 65rpx;
				}
			}

			.name {
				width: 300rpx;
				padding-left: 20rpx;
				color: #8E4E0D;

				.one {
					font-weight: bold;
					// color: #F9F9D9;
				}

				.two {
					font-size: 30rpx;
					padding: 5rpx 0;
					color: #8E4E0D;
				}

				.three {
					color: #8E4E0D;
				}
			}

			.namenewyear {
				width: 300rpx;
				padding-left: 20rpx;
				color: #F9FADA;

				.one {
					font-weight: bold;
					// color: #F9F9D9;
				}

				.two {
					font-size: 30rpx;
					padding: 5rpx 0;
					color: #F9FADA;
				}

				.three {
					color: #F9FADA;
				}
			}

			.img {
				// margin-left: 10rpx;
				padding-right: 10rpx;
				width: 200rpx;
			}

			.time {
				width: 200rpx;
				padding-left: 8rpx;
				color: #8f3d18;
				font-size: 26rpx;
				text-align: right;
			}
		}
	}

	.one_worp {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.box_tanchuang {
		margin-right: 20rpx;
	}

	.box_tanchuang:nth-child(3n) {
		margin-right: 0;
	}

	.score {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #057DD6;
		color: #fff;
		padding: 5rpx 10rpx;
	}
</style>